HTML-də siyahılar

1.1 Siyahı növləri

HTML-də siyahılar məlumatları təşkil etmək və strukturlaşdırmaq üçün vacib vasitədir. Onlar elementləri nömrələrlə və ya qalın nöqtələrlə (markerlərlə) göstərməyə imkan verir. HTML-də siyahı elementlərinin hər birini ətraflı nəzərdən keçirək: <ul>, <ol>, və <li>.

Sırasız siyahılar (<ul>)

<ul> tagı sırasız (markerli) siyahılar yaratmaq üçün istifadə olunur. Siyahı elementləri markerlərlə (nöqtələr, dairələr, kvadratlar) göstərilir.

Nümunə:

    
      <ul>
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
        <li>Siyahının üçüncü elementi</li>
      </ul>
    
  

Sıralı siyahılar (<ol>)

<ol> tagı sıralı siyahılar yaratmaq üçün istifadə olunur. Siyahı elementləri nömrələrlə və ya hərflərlə göstərilir.

Nümunə:

    
      <ol>
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
        <li>Siyahının üçüncü elementi</li>
      </ol>
    
  

1.2 Siyahı elementləri <li>

<li> teqi siyahının hər bir elementini göstərmək üçün istifadə olunur, fərqi yoxdur sira nömrəsi olan və ya olmayan siyahı. O, həmişə <ul> və ya <ol>-in içində olmalıdır.

Bu teqləri necə asan yadda saxlamaq olar:

• Ordered List – sıralı (nömrələnmiş) siyahı
• Unordered List – sırasız (nömrələnməmiş) siyahı
• List Item – siyahı elementi

Type atributu

Bu atributdan <ul> və <ol> daxilində marker tipini və ya nömrələmə tipini dəyişmək üçün istifadə olunur. Məsələn, <ol> üçün "1", "A", "a", "I", "i", <ul> üçün "disc", "circle", "square" dəyərlərini istifadə etmək olar.

<ul> üçün marker tipinin dəyişdirilməsi nümunəsi:

    
      <ul type="square">
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
      </ul>
    
  

<ol> üçün nömrələmə tipinin dəyişdirilməsi nümunəsi:

    
      <ol type="A">
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
      </ol>
    
  

Start atributu:

Bu atribut yalnız <ol> ilə istifadə olunur və nömrələmənin başlanğıc dəyərini göstərir.

Məsələn:

    
      <ol start="5">
        <li>Siyahının beşinci elementi</li>
        <li>Siyahının altıncı elementi</li>
      </ol>
    
  

Daxili siyahılar

Siyahılar bir-birinin içində ola bilər, beləliklə, daha mürəkkəb strukturlar yaradılır.

Daxili siyahı nümunəsi:

    
      <ul>
        <li>Siyahının birinci elementi</li>
          <ul type="circle">
            <li>Daxili birinci element</li>
            <li>Daxili ikinci element</li>
          </ul>
        <li>Siyahının ikinci elementi</li>
        <li>Siyahının üçüncü elementi</li>
      </ul>
    
  

1.3 Siyahıların Stilizasiyası

Siyahıları CSS vasitəsilə stilizə etmək olar, markerlerin rəngini, növlərini və boşluqları dəyişərək.

Stilizasiya nümunəsi:

    
      ul.custom-list {
        list-style-type: katakana; /* Yapon heca əlifbası */
        color: blue; /* Mətnin rəngi */
      }

      ol.custom-list {
        list-style-type: hiragana-iroha; /* Yapon sıralama sistemi */
        color: green; /* Mətnin rəngi */
      }
    
  

    
      <ul class="custom-list">
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
      </ul>

      <ol class="custom-list">
        <li>Siyahının birinci elementi</li>
        <li>Siyahının ikinci elementi</li>
      </ol>
    
  

Bu şəkildə, <ul>, <ol>, və <li> istifadəsi kontenti strukturlaşdırmağa və veb-səhifələrdə onun oxunaqlılığını artırmağa kömək edir.