HTML formatlash


HTML maxsus ma’noga ega matnni aniqlash uchun bir nechta elementni o‘z ichiga oladi.


Misol

This text is bold

This text is italic

This is subscript and superscript

O‘zingiz sinab ko‘ring »

ULASHISH

HTML formatlash elementlari

Formatlash elementlari matnning maxsus turlarini ko‘rsatish uchun mo‘ljallangan:

  • <b> — qalin matn
  • <strong> — muhim matn
  • <i> — qiyshiq (kursiv) matn
  • <em> — urg‘ulangan matn
  • <mark> — belgilangan matn
  • <small> — kichikroq matn
  • <del> — o‘chirilgan matn
  • <ins> — qo‘shilgan matn
  • <sub> — pastki indeks matn
  • <sup> — yuqori indeks matn

HTML <b> va <strong> elementlari

HTML <b> elementi qo‘shimcha ahamiyatsiz qalin matnni belgilaydi.

Misol

<b>This text is bold</b>
O‘zingiz sinab ko‘ring »

HTML <strong> elementi kuchli ahamiyatga ega matnni aniqlaydi. Ichidagi mazmun odatda qalin shrift bilan ko‘rsatiladi.

Misol

<strong>This text is important!</strong>
O‘zingiz sinab ko‘ring »


HTML <i> va <em> elementlari

HTML <i> elementi matnni boshqa ovoz yoki kayfiyat bilan ifodalaydigan qismini aniqlaydi. Ichidagi mazmun odatda qiyalik (kursiv) shrift bilan ko‘rsatiladi.

Maslahat: <i> tegi ko‘pincha texnik atama, boshqa tildagi ibora, fikr, kema nomi va shu kabilarni ajratib ko‘rsatish uchun ishlatiladi.

Misol

<i>This text is italic</i>
O‘zingiz sinab ko‘ring »

HTML <em> elementi urg‘u berilgan matnni aniqlaydi. Ichidagi mazmun odatda qiyalik (kursiv) shrift bilan ko‘rsatiladi.

Maslahat: ekran o‘qish dasturi <em> ichidagi so‘zlarni ovoz bilan urg‘u berib o‘qiydi.

Misol

<em>This text is emphasized</em>
O‘zingiz sinab ko‘ring »

HTML <small> elementi

HTML <small> elementi kichikroq matnni aniqlaydi:

Misol

<small>This is some smaller text.</small>
O‘zingiz sinab ko‘ring »

HTML <mark> elementi

HTML <mark> elementi belgilanishi yoki ajratib ko‘rsatilishi kerak bo‘lgan matnni aniqlaydi:

Misol

<p>Do not forget to buy <mark>milk</mark> today.</p>
O‘zingiz sinab ko‘ring »

HTML <del> elementi

HTML <del> elementi hujjatdan o‘chirilgan matnni aniqlaydi. Brauzerlar odatda o‘chirilgan matn ustiga chiziq chizadi:

Misol

<p>My favorite color is <del>blue</del> red.</p>
O‘zingiz sinab ko‘ring »

HTML <ins> elementi

HTML <ins> elementi hujjatga kiritilgan matnni aniqlaydi. Brauzerlar odatda kiritilgan matnning tagiga chiziq chizadi:

Misol

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
O‘zingiz sinab ko‘ring »

HTML <sub> elementi

HTML <sub> elementi pastki indeks matnini aniqlaydi. Pastki indeks matni oddiy qatordan yarim belgi pastda ko‘rinadi va ba’zan kichikroq shrift bilan ko‘rsatiladi. Pastki indeks matni kimyoviy formulalar uchun ishlatilishi mumkin, masalan H2O:

Misol

<p>This is <sub>subscripted</sub> text.</p>
O‘zingiz sinab ko‘ring »

HTML <sup> elementi

HTML <sup> elementi yuqori indeks matnini aniqlaydi. Yuqori indeks matni oddiy qatordan yarim belgi yuqorida ko‘rinadi va ba’zan kichikroq shrift bilan ko‘rsatiladi. Yuqori indeks matni izohlar (footnote) uchun ishlatilishi mumkin, masalan WWW[1]:

Misol

<p>This is <sup>superscripted</sup> text.</p>
O‘zingiz sinab ko‘ring »

HTML matn formatlash elementlari

Teg Tavsif
<b> Qalin matnni belgilaydi
<em> Urg‘u berilgan matnni belgilaydi
<i> Muqobil ovoz yoki kayfiyatdagi matn qismini belgilaydi
<small> Kichikroq matnni belgilaydi
<strong> Muhim matnni belgilaydi
<sub> Pastki indeksli matnni belgilaydi
<sup> Yuqori indeksli matnni belgilaydi
<ins> Qo‘shilgan matnni belgilaydi
<del> O‘chirilgan matnni belgilaydi
<mark> Belgilangan/ajratib ko‘rsatilgan matnni belgilaydi

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


Video: HTML’da formatlash

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!