وانەی 4 لە 5

وانەی چوارەم: پەرەگرافەکان (Paragraphs)

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

ناوەڕۆکی ئەم وانەیە بەشی ١: توخمی <p> (نزیکەی ١ خولەک) بەشی ٢: چەند پەرەگرافێک (نزیکەی ١ خولەک) بەشی ٣: وێبگەڕ بۆشایی زیادە فەرامۆش دەکات (نزیکەی ١ خولەک)

بەشی ١: توخمی <p> (نزیکەی ١ خولەک)

سەردێڕەکان پێکهاتە دەدەنە لاپەڕەکەمان، بەڵام زۆربەی لاپەڕەی وێب لە تێکست پێکدێت. لە HTML دا، بلۆکێکی تێکست پێی دەگوترێت پەرەگراف، و بە توخمی <p> دروستی دەکەین. پیتی «p» کورتکراوەی paragraph ـە.

index.html بکەرەوە و ئەمە لەناو <body> بنووسە:
<h1>هەموو شتێک دەربارەی چا</h1>
<p>چا یەکێکە لە خواردنەوە هەرە خۆشەویستەکانی جیهان.</p>
وەک هەموو ئەو توخمانەی بینیومانن، پەرەگراف تاگی دەستپێک، ناوەڕۆک و تاگی کۆتایی هەیە. هەر پەرەگرافێک لە دێڕێکی نوێوە دەست پێدەکات.

بەشی ٢: چەند پەرەگرافێک (نزیکەی ١ خولەک)

بۆ تێکستی زیاتر، بۆ هەر پەرەگرافێک یەک توخمی <p> بەکاردەهێنین. وێبگەڕ خۆکارانە بۆشاییەکی بچووک لەنێوانیان دادەنێت.

<h1>هەموو شتێک دەربارەی چا</h1>

<h2>چای ڕەش</h2>
<p>چای ڕەش تامێکی بەهێز و ڕەنگێکی تۆخی هەیە.</p>
<p>زۆر کەس بەیانیان دەیخۆنەوە، بە شەکر یان بێ شەکر.</p>

<h2>چای سەوز</h2>
<p>چای سەوز سووکترە و زۆرجار تامێکی تازە و کەمێک تاڵی هەیە.</p>
سەردێڕ و پەرەگراف پێکەوە کار دەکەن. سەردێڕ ناوی بەشێک دیاری دەکات، و پەرەگرافەکانی ژێری تێکستەکە لەخۆ دەگرن.

بەشی ٣: وێبگەڕ بۆشایی زیادە فەرامۆش دەکات (نزیکەی ١ خولەک)


<p>
  چا        زۆر              خۆشە
  کاتێک              گەرمە              
  
  و تازەیە. </p>
وێبگەڕ بۆشایی و دێڕە زیادەکانی ناو کۆدەکەمان فەرامۆش دەکات و وەک یەک بۆشایی پیشانیان دەدات. کەواتە کرتەکردن لەسەر Enter لە کۆدنوسەکەدا دێڕێکی نوێ لە لاپەڕەکەدا دروست ناکات. بۆ پەرەگرافێکی نوێ، پێویستت بە توخمێکی <p>ی نوێیە.
پوختە
  • توخمی <p> پەرەگراف دروست دەکات.
  • بۆ هەر پەرەگرافێک یەک <p> بەکاربهێنە، و وێبگەڕ بۆشایی لەنێوانیان دادەنێت.
  • وێبگەڕ بۆشایی و دێڕە زیادەکانی ناو کۆد فەرامۆش دەکات.
ڕاهێنان
لاپەڕەیەک دروست بکە دەربارەی خواردن یان خواردنەوەیەک کە دڵخوازتە. یەک <h1>، دوو <h2> و لانیکەم یەک <p> لەژێر هەر یەکێکیاندا بەکاربهێنە. دواتر بۆشایی و دێڕی بەتاڵی زیادە لەناو پەرەگرافێکدا بنووسە و ببینە وێبگەڕ چی دەکات.

نموونە

html
<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>هەموو شتێک دەربارەی چا</title>
  </head>
  <body>
    <h1>هەموو شتێک دەربارەی چا</h1>

    <h2>چای ڕەش</h2>
    <p>چای ڕەش تامێکی بەهێز و ڕەنگێکی تۆخی هەیە.</p>
    <p>زۆر کەس بەیانیان دەیخۆنەوە، بە شەکر یان بێ شەکر.</p>

    <h2>چای سەوز</h2>
    <p>چای سەوز سووکترە و زۆرجار تامێکی تازە و کەمێک تاڵی هەیە.</p>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

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