HTML Listeleri
- Önceki Sayfa HTML Tablolar
- Sonraki Sayfa HTML Blok
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.
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:
- Kahve
- 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. |
- Önceki Sayfa HTML Tablolar
- Sonraki Sayfa HTML Blok