CodeGym /Kurslar /Frontend SELF AZ /HTML-də mətnin formatlanması

HTML-də mətnin formatlanması

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

10.1 Formatlamaya başlamaq

Mətnin <b>, <strong>, <i>, <em>, <u><small> taglarından istifadə edərək formatlanması, veb-developer-lərə mətnin oxunaqlığını artırmağa və müəyyən hissələrə diqqət yönəltməyə kömək edir. Bu tagların hər birinin spesifik istifadəsi var:

  • <b>: əlavə məna daşımayan qalın mətn
  • <strong>: vacibliyə vurğu edən qalın mətn
  • <i>: stilistik vurğu üçün kursiv mətn
  • <em>: məntiqi və ya mənalı vurğu üçün kursiv mətn
  • <u>: vizual vurğu üçün altı xətlənən mətn
  • <small>: ikinci dərəcəli məlumat üçün kiçik mətn

Bu tagları düzgün başa düşüb istifadə etmək daha anlaşıqlı və vizual baxımdan cəlbedici veb-səhifələr yaratmağa kömək edir.

Mətni formatlamaq üçün əsas taglar

<b> və <strong> tagları

<b> tagı mətnin qalın şriftlə vurğulanması üçün istifadə olunur, lakin əlavə semantik məna daşımır. <strong> tagı da mətnin qalın olmasını təmin edir, lakin həmin mətni daha vacib və ya əhəmiyyətli olduğunu göstərmək üçün əlavə semantik məna daşıyır.

HTML
    
      <p>Bu mətn <b>qalın</b>dır, bu mətn isə <strong>çox vacib və qalın</strong>dır.</p>
    
  

<i> və <em> tagları

<i> tagı mətnin kursivlə vurğulanması üçün istifadə olunur, lakin əlavə semantik məna daşımır. <em> tagı isə kursiv mətn yaratmaqla yanaşı, həmin mətnə vurğulama və ya vaciblik əlavə edir.

HTML
    
      <p>Bu mətn <i>kursiv</i>dir, bu mətn isə <em>çox vacib və kursiv</em>dir.</p>
    
  

<u> və <ins> tagları

<u> tagı mətnin altını xətləmək üçün istifadə olunur. <ins> tagı isə əlavə edilmiş mətni göstərmək üçün istifadə olunur və eyni zamanda mətnin altını xətləyir, dəyişikliklərin izlənməsi kontekstində məntiqlidir.

HTML
    
      <p>Bu mətn <u>altı xətlənmiş</u>dir, bu mətn isə <ins>əlavə edilmiş və altı xətlənmiş</ins>dir.</p>
    
  

<s> və <del> tagları

<s> tagı mətnin üstünün xətlənməsi üçün istifadə olunur. <del> tagı isə üstü xəttlə çəkilmiş, lakin silinmiş mətn olduğunu göstərmək üçün istifadə olunur, dəyişikliklərin izlənməsi kontekstində məntiqli olur.

HTML
    
      <p>Bu mətn <s>üstü xəttli</s>dir, bu mətn isə <del>silinmiş və üstü xəttli</del>dir.</p>
    
  

<mark> tagı

<mark> tagı xüsusi əhəmiyyətə və ya vacibliyə malik olan mətnləri vurğulamaq üçün istifadə olunur. <mark> tagı içərisində olan mətn sarı fon ilə göstərilir.

HTML
    
      <p>Bu mətn <mark>vurğulanmışdır</mark> diqqəti cəlb etmək üçün.</p>
    
  

<small> tagı

<small> tagı mətnin adi ölçüdən daha kiçik ölçüdə göstərilməsi üçün istifadə olunur.

HTML
    
      <p>Bu əsas mətn, bu isə <small>kiçik mətn</small>dir.</p>
    
  

<sub> və <sup> tagları

<sub><sup> tagları müvafiq olaraq alt indeksli və üst indeksli mətn yaratmaq üçün istifadə olunur.

HTML
    
      <p>Bu mətn alt indekslidir H<sub>2</sub>O və üst indekslidir x<sup>2</sup>.</p>
    
  

10.2 Sətir fasilələri

<br> Tegi

<br> tegi yeni abzas yaratmadan mətni yeni sətirə keçirmək üçün istifadə olunur.

HTML
    
      <p>Bu mətn sətir fasiləsi ilə<br>bir abzas daxilindədir.</p>
    
  

<hr> Tegi

<hr> tegi veb səhifədə kontenti vizual olaraq bölmək üçün istifadə olunan üfüqi xətt əlavə edir.

HTML
    
      <p>Xəttin yuxarısındakı mətn.</p>
      <hr>
      <p>Xəttin aşağısındakı mətn.</p>
    
  
1
Опрос
Cədvəllər,  5 уровень,  5 лекция
недоступен
Cədvəllər
Cədvəllər
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION