وانەی 3 لە 67

وانەی ٣: سەردێڕەکان (Headings)

ماوە: نزیکەی ٣ خولەک، لە ٣ بەشی کورت.

ناوەڕۆکی ئەم وانەیە بەشی ١: شەش توخم(Element)ی سەردێڕ بەشی ٢: سەردێڕەکان وەک پێڕست بەشی ٣: دوو یاسا لەبیر مەکە

بەشی ١: شەش توخم(Element)ی سەردێڕ

سەردێڕەکان ناونیشانەکانی لاپەڕەی وێبن.
 HTML شەش ئاستی سەردێڕمان دەداتێ: <h1>، <h2>، <h3>، <h4>، <h5> و <h6>. پیتی «h» کورتکراوەی heading ـە، و ژمارەکە ئاستەکەیەتی.
فایلی starter.html بکەرەوە و ئەم سەردێڕانە لە ناو <body>دا بنووسە: 
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

پاشەکەوتی بکە، وێبگەڕەکە نوێ بکەرەوە، و پیشان بدە چۆن تێکستەکە بچووکتر دەبێت کاتێک ژمارەکە زیاد دەکات.

<h1> گرنگترین سەردێڕە و <h6> کەمترین گرنگییە. وێبگەڕەکان بە شێوەی بنەڕەتی گەورە و بچووکیان دەکەن، بەڵام کاری ڕاستەقینەی سەردێڕ پیشاندانی گرنگی بەشێکی ناوەڕۆکە.

نموونە

html
<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>‌سەردێرەکان</title>
  </head>
  <body>
    <h1>سەردێری ١</h1>
    <h2>سەردێری ٢</h2>
    <h3>سەردێری ٣</h3>
    <h4>سەردێری ٤</h4>
    <h5>سەردێری ٥</h5>
    <h6>سەردێری ٦</h6>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

بەشی ٢: سەردێڕەکان وەک پێڕست

سەردێڕەکان وەک پێڕستی کتێبێک بیر بکەرەوە. <h1> ناوی کتێبەکەیە، سەردێڕەکانی <h2> بابەتە سەرەکییەکانن، و سەردێڕەکانی <h3> بەشە لاوەکییەکانی ناو هەر بابەتێکن.
کۆدی ناو <body> بگۆڕە بەمە:
<h1>ڕێبەری چا</h1>

<h2>چای ڕەش</h2>
<h3>چای سیلان</h3>
<h3>چای ئەحمەد</h3>

<h2>چای سەوز</h2>

گەڕانەکان (Search Engines) و ئامێرەکانی خوێندنەوەی شاشە سەردێڕەکان بەکاردەهێنن بۆ تێگەیشتن لە پێکهاتەی لاپەڕەکەت، بۆیە پێڕستێکی ڕوون بۆ هەردووکیان یارمەتیدەرە.

بەشی ٣: دوو یاسا لەبیر مەکە

یەکەم: لە هەر لاپەڕەیەکدا تەنها یەک <h1> بەکاربهێنە. ئەو سەردێڕە سەرەکییەکەی لاپەڕەکەیە.
دووەم: سەردێڕ بەپێی ماناکەی هەڵبژێرە، نەک بەپێی قەبارەکەی. ئەگەر تێکستێکی بچووکترت دەوێت، دواتر بە CSS ئەنجامی دەدەین.
هەڵەیەکی باو: ئاستەکان بفڕێنیت، وەک لە <h2>ـەوە ڕاستەوخۆ بچیت بۆ <h5>. ئاستەکان بە ڕیز بهێڵەرەوە.

پوختە

  • HTML شەش ئاستی سەردێڕی هەیە، <h1> تا <h6>.
  • <h1> گرنگترینە و <h6> کەمترین گرنگییە.
  • سەردێڕەکان پێڕستێکی لاپەڕەکە دروست دەکەن، بۆیە ئاستەکان بە ڕیز بهێڵەرەوە.
  • لە هەر لاپەڕەیەکدا یەک <h1> بەکاربهێنە، و سەردێڕ بەپێی مانا هەڵبژێرە نەک قەبارە.

ڕاهێنان

پێڕستێک دروست بکە بۆ لاپەڕەیەک دەربارەی خولیاکانت. یەک <h1>، دوو <h2> و لانیکەم دوو <h3> لەژێر یەکێک لەوانە بەکاربهێنە.

نموونە

<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>ڕێبەری چا</title>
  </head>
  <body>
    <h1>ڕێبەری چا</h1>

    <h2>چای ڕەش</h2>
    <h3>چای سیلان</h3>
    <h3>چای ئاسام</h3>

    <h2>چای سەوز</h2>
  </body>
</html>

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.