HTML Listeleri

HTML, sıralı, sırasız ve tanımlama listelerini destekler

Örnek

Sıralı liste
Bu örnek, sıralı listeleri gösterir.
Sıralı liste
Bu örnek, sıralı listeleri gösterir.

Daha fazla örnek, bu sayfanın alt kısmında bulunabilir。)

Sıralı liste

Sıralı liste, bir projenin listesidir, bu liste öğeleri kalın yuvarlak noktalarla (tipik küçük siyah yuvarlak nokta) işaretlenir.

Sıralı liste, <ul> etiketiyle başlar. Her liste öğesi <li> ile başlar.

<ul>
<li>Kahve</li>
<li>Süt</li>
</ul>

Tarayıcı aşağıdaki gibi gösterir:

  • Kahve
  • Süt

Listeleme öğeleri içersinde paragraflar, satır boşlukları, resimler, bağlantılar ve diğer listeler vb. kullanılabilir.

Sıralı liste

Aynı şekilde, sıralı listeler de bir proje listesidir, listeleme öğeleri sayılarla işaretlenir.

Sıralı listeler <ol> etiketi ile başlar. Her liste öğesi <li> etiketi ile başlar.

<ol>
<li>Kahve</li>
<li>Süt</li>
</ol>

Tarayıcı aşağıdaki gibi gösterir:

  1. Kahve
  2. Süt

Listeleme öğeleri içersinde paragraflar, satır boşlukları, resimler, bağlantılar ve diğer listeler vb. kullanılabilir.

Tanım Listesi

Özel listeler sadece bir proje listesi değil, aynı zamanda proje ve açıklamalarının birleşimidir.

Özel listeler <dl> etiketi ile başlar. Her özel liste öğesi <dt> ile başlar. Her özel liste öğesinin tanımı <dd> ile başlar.

<dl>
<dt>Kahve</dt>
<dd>Siyah Sıcak İçecek</dd>
<dt>Süt</dt>
<dd>Beyaz Soğuk İçecek</dd>
</dl>

Tarayıcı aşağıdaki gibi gösterir:

Kahve
Siyah Sıcak İçecek
Süt
Beyaz Soğuk İçecek

Tanım listesinin listeleme öğeleri içersinde paragraflar, satır boşlukları, resimler, bağlantılar ve diğer listeler vb. kullanılabilir.

Daha Fazla Örnek

Farklı Türdeki Sırasız Listeler
Bu örnek, bir sırasız listeyi gösterir.
Farklı Türdeki Sıralı Listeler
Bu örnek, farklı türdeki sıralı listeleri gösterir.
İçerikli Liste
Bu örnek, nasıl içeren listeleri gösterir.
İçerikli Liste 2
Bu örnek, daha karmaşık içeren listeleri gösterir.
Tanım Listesi
Bu örnek, bir tanım listesini gösterir.

Liste etiketleri

Etiket Açıklama
<ol> Tanımlanan sıralı liste.
<ul> Tanımlanan sırasız liste.
<li> Tanımlanan liste öğesi.
<dl> Tanımlanan tanım listesi.
<dt> Tanımlanan tanım öğesi.
<dd> Tanımlanan tanımın açıklaması.
<dir> Kullanılmıyor. Onun yerine <ul> kullanın.
<menu> Kullanılmıyor. Onun yerine <ul> kullanın.