HTML Listeleme (Lists)

Genel

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

Sırasız Liste

Sırasız bir liste maddelerden oluşur. Liste içeriği madde imleri ile işaretlenir.
Sırasız listeleme <ul> etiketi ile başlar. Her madde de <li> etiketi ile başlar.

<ul>
<li>Saydek.ORG</li>
<li>Süt</li>
</ul>

Çıktısı:

  • Saydek.ORG
  • Süt

Bir liste madde içerisine paragraflar, resimler, linkler, başka listeler ve satır boşlukları koyabilirsiniz.


Sıralı Listeler

Maddeler rakamlar ile listelenir. Sıralı listeleme <ol> etiketi ile başlar. Her madde de  <li> etiketi ile başlar.

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

Çıktısı:

  1. Kahve
  2. Süt

Tanımlama Listeleri

Bir tanımlama listesi maddelerin sıralanması demek değildir. Bu, terimlerin açıklanması demektir.
Bir tanımlama listesi <dl> etiketi ile başlar. Her terim  <dt> etiketi ile başlar. Each terimin tanımlaması da <dd> etiketi ile başlar.

<dl>
<dt>Kahve</dt>
<dd>Koyu sıcak içecek</dd>
<dt>Süt</dt>
<dd>Beyaz soğuk içecek</dd>
</dl>

Çıktısı:

Kahve
Koyu sıcak içecek
Süt
Beyaz soğuk içecek

Bir tanımlama listesi içerisine paragraflar, resimler, linkler, başka listeler ve satır boşlukları vs. koyabilirsiniz.


Listeleme Etiketleri

Etiket Açıklama
<ol> Sıralı liste
<ul> Sırasız liste
<li> Liste maddesi
<dl> Tanımlama listesi
<dt> Terim tanımı
<dd> Tanım açıklaması
<dir> Önemsiz etiketi. Yerine <ul> kullanınız.
<menu> Önemsiz etiketi. Yerine <ul> kullanınız.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir