HTML Listeleme (Lists)

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

Örnekler

Sırasız Liste

Sıralı Liste


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.

Kod
<ul>
<li>Kahve</li>
<li>Süt</li>
</ul>
Çıktısı:

Kahve
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.

Kod
<ol>
<li>Kahve</li>
<li>Süt</li>
</ol>
Çıktısı:

Kahve
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.

Kod
<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.