وانەی 4 لە 67

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

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

بەشی ١: توخم(Element)ی <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>ی نوێیە هەیە.
هەڵەیەکی باو: 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>
خۆت تاقی بکەرەوە ↗

ئەنجام

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