HTML paragraflar


Paragraf doim yangi qatordan boshlanadi va odatda matn blokidir.


ULASHISH

HTML paragraflar

HTML <p> elementi paragrafni aniqlaydi.

Paragraf doim yangi qatordan boshlanadi va brauzerlar paragrafdan oldin va keyin avtomatik ravishda bir oz bo‘sh joy (chetlik/margin) qo‘shadi.

Misol

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
O‘zingiz sinab ko‘ring »

HTML ko‘rsatilishi

HTML qanday ko‘rsatilishiga ishonch bo‘lmaydi.

Katta yoki kichik ekranlar va o‘lchami o‘zgartirilgan oynalar turli natijalar yaratadi.

HTML bilan siz HTML kodingizga qo‘shimcha bo‘sh joylar yoki qatorlar qo‘shib ko‘rsatishni o‘zgartira olmaysiz.

Brauzer sahifa ko‘rsatilganda qo‘shimcha bo‘sh joylar va qatorlarni avtomatik ravishda olib tashlaydi:

Misol

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
O‘zingiz sinab ko‘ring »


HTML gorizontal chiziqlar

<hr> tegi HTML sahifada mavzuli uzilishni belgilaydi va ko‘pincha gorizontal chiziq sifatida ko‘rsatiladi.

<hr> elementi HTML sahifasida mazmunni ajratishda (yoki o‘zgarishni belgilashda) ishlatiladi:

Misol

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
O‘zingiz sinab ko‘ring »

<hr> tegi bo‘sh tegdir, ya’ni yakuniy tegi yo‘q.


HTML satr uzilishlari

HTML <br> elementi qator sindirishni (yangi qatorga o‘tishni) aniqlaydi.

Yangi paragraf boshlamasdan qator sindirish (yangi qator) kerak bo‘lsa, <br> dan foydalaning:

Misol

<p>This is<br>a paragraph<br>with line breaks.</p>
O‘zingiz sinab ko‘ring »

<br> tegi bo‘sh tegdir, ya’ni yakuniy tegi yo‘q.


She’r muammosi

Bu she’r bitta qatorda ko‘rsatiladi:

Misol

<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>
O‘zingiz sinab ko‘ring »

Yechim — HTML <pre> elementi

HTML <pre> elementi oldindan formatlangan matnni aniqlaydi.

<pre> elementi ichidagi matn belgilangan kenglikdagi shrift bilan (odatda Courier) ko‘rsatiladi va u bo‘sh joylar hamda qator sindirishlarni saqlab qoladi:

Misol

<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>
O‘zingiz sinab ko‘ring »

HTML teglar ma’lumotnomasi

W3Schools’ning teglar ma’lumotnomasi HTML elementlari va ularning atributlari haqida qo‘shimcha ma’lumotni o‘z ichiga oladi.

Tag Tavsif
<p> Paragrafni belgilaydi
<hr> Tarkibdagi tematik o‘zgarishlarni belgilaydi
<br> Bitta qator uzilishini qo‘shadi
<pre> Oldindan formatlangan matnni belgilaydi

Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.


Video: HTML xatboshilari

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!