HTML <li> Etiketi

HTML <li> etiketi liste ögesi tanımlamak için kullanılır. HTML <li> etiketi içerisinde sıralı listeler(<ol>), sırasız listeler(<ul>) ve menü listeleri için (<menu>) etiketi kullanılır.

HTML <li> etiketi sıralı veya numaralı liste tanımlamak, sırasız veya madde işaretli liste tanımlamak, açıklama veya tanım listesi oluşturmak için kullanılır.

 

Örnek-1–Sıralı veya Numaralı Liste:

<ol>  
 <li>Mazda</li>  
 <li>Suzuki</li>  
 <li>Subaru</li>  
 <li>Toyota</li>  
</ol>  

Ekran Çıktısı:

  1. Mazda
  2. Suzuki
  3. Subaru
  4. Toyota

 

Örnek-2–Sırasız veya Madde İşaretli Liste:

<ul>  
 <li>Google</li>  
 <li>Apple</li>  
 <li>Samsung</li>  
 <li>Microsoft</li>  
</ul>  

Ekran Çıktısı:

  • Google
  • Apple
  • Samsung
  • Microsoft

 

HTML Açıklama veya Tanım Listesi Ekleme

HTML açıklama listesi, HTML ve XHTML tarafından desteklenen bir liste stili olarak karşımıza çıkar. Girişlerin ansiklopedi gibi listelendiği tanım listesi olarak da anılır.

 

Örnek:

<dl>  
  <dt>Ocak</dt>  
  <dd>-Senenin ilk ayıdır.</dd>  
  <dt>Yaz</dt>  
  <dd>-4 mevsimden biridir.</dd>  
 <dt>Dünya</dt>  
 <dd>-Bir gezegendir.</dd>  
  <dt>Nisan</dt>  
  <dd>-Bir ilkbahar ayıdır.</dd>   
</dl>  

Ekran Çıktısı:

Ocak
-Senenin ilk ayıdır.
Yaz
-4 mevsimden biridir.
Dünya
-Bir gezegendir.
Nisan
-Bir ilkbahar ayıdır.

 

HTML İç İçe Liste Kullanımı

İç içe listelerin eklenmesi ile oluşur. Numaralı bir liste içerisinde madde imli bir liste tanımlamak isterseniz kullanabilirsiniz.

 

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <title>İç İçe Liste Örneği</title>  
</head>  
<body>  
    <p>Bazı Avrupa Ülkelerinin Başkentleri</p>  
<ol>  
    <li>Türkiye
        <ul>  
            <li>Ankara</li>  
        </ul>  
    </li>  
    <li>İtalya
        <ul>  
            <li>Roma</li>  
        </ul>  
    </li>  
    <li>Fransa
        <ul>  
            <li>Paris</li>  
        </ul>  
    </li>  
    <li>İngiltere
        <ul>  
            <li>Londra</li>  
        </ul>  
    </li>  
    <li>Almanya
        <ul>  
            <li>Berlin</li>  
        </ul>  
    </li>  
    <li>İspanya
        <ul>  
            <li>Madrid</li></ul>  
    </li>  
</ol>  
</body>  
</html>  

Ekran Çıktısı:

İç İçe Liste Örneği

Bazı Avrupa Ülkelerinin Başkentleri

  1. Türkiye
    • Ankara
  2. İtalya
    • Roma
  3. Fransa
    • Paris
  4. İngiltere
    • Londra
  5. Almanya
    • Berlin
  6. İspanya
    • Madrid

 

Tarayıcı Desteği:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir