Paragraflar

Paragraf har doim yangi qatordan boshlanadi va odatda matnning bloki bo'ladi.

HTML Paragraflar

HTMLda <p> elementi paragrafni ifodalaydi.

Paragraflar har doim yangi qatordan boshlanadi va brauzerlar avtomatik tarzda paragrafning tepa va pastki qismiga boʻsh joy (margin) qoʻshadi.

HTML

<p>Bu paragraf.</p>
<p>Bu boshqa paragraf.</p>

W3Schools online HTML editorwww.w3schools.com

Ekranda ko'rsatilishi

Kod ekranda qanday ko'rsatilishini aniq bila olmaysiz.

Katta yoki kichik ekranlarda va o'lchami o'zgartirilgan ekranlarda natijalar har xil bo'ladi.

HTML dagi kodingizga qo'shimcha bo'sh joylar yoki qo'shimcha qatorlar qo'shish orqali uning ko'rinishini o'zgartira olmaysiz.

Sahifa brauzerda ko'rsatilganida, brauzer avtomatik tarzda qo'shimcha bo'sh joylarni va qatorlarni olib tashlaydi:

HTML

<p>
Bu paragraf
bir nechta yangi qatorlarni
o'z ichiga oladi.
Ammo brauzer bunga 
e'tibor qilmaydi.
</p>

<p>
Bu paragraf
bir nechta     bo'sh    joylarni
o'z ichiga      oladi
ammo        brauzer
bunga e'tibor    qilmaydi
</p>

W3Schools online HTML editorwww.w3schools.com

Horizontal rule

<hr> tegi HTML sahifada gorizontal uzun chiziq sifatida ko'rsatiladi.

<hr> elementi HTML sahifada kontentni ajratib turish uchun foydalaniladi.

HTML

<h1>Bu 1-sarlavha </h1>
<p>Bu bir matn.</p>
<hr>
<h2>Bu 2-sarlavha</h2>
<p>Bu boshqa bir matn</p>
<hr>

W3Schools online HTML editorwww.w3schools.com

<hr> tegi bo'sh teg hisoblanadi, ya'ni unda yopiluvchi teg yo'q.

HTML Qatorni tugatish

HTMLda <br> elementi qatorni tugatishni ifodalaydi.

Agar yangi paragrafdan boshlamasdan qatorni to'xtatish (yangi qatorga o'tish)ni hohlasangiz <br> dan foydalaning.

HTML

<p>Bu<br>to'htatiluvchi satrli<br>paragraf</p>

W3Schools online HTML editorwww.w3schools.com

She'r muammosi

Ushbu she'r ekranda bitta qatorda ko'rsatiladi:

HTML

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

W3Schools online HTML editorwww.w3schools.com

Yechim - HTMLning <pre> elementi

HTMLdagi <pre> elementi formatlangan matnni ifodalaydi.

<pre> elementi ichidagi matn, belgilangan turdagi shriftda (odatda Courier)da ko'rsatiladi va u bo'sh joyni ham yangi qatorlarni ham saqlaydi:

HTML

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

W3Schools online HTML editorwww.w3schools.com