Listeler (10. Ders)

[me3met]

Bu dersimizde 3 tür listeleme şeklini ve komutlarını öğreneceğiz. Bunlar Madde İşaretleri, Numaralandırma ve Katagorileme.

Madde İşaretleri

Klasik listeleme şeklidir. Liste <ul> ile başlar ve </ul> ile biter. Arasına ise <li></li> arasına alınacak şekilde maddeler yerleştirilir:

Kod:

<ul>
<li>Çay</li>
<li>Kahve</li>
<li>Kola</li>
</ul>

HTML Görünümü: http://forumil.com/nane/maddeisaretleri.html

NOT: Sadece <li></li> kullanara da listeleme yapılabilir. Fakat bu şekilde kullanılırsa maddeler hemen satır başlangıcında görünecektir.

Numaralandırma

Eklenen nesneleri numaralandırarak sıralar. Bir öncekinden farklı olarak liste <ol> ile başlar ve </ol> ile biter Arasına ise <li></li> arasına alınacak şekilde maddeler yerleştirilir:

Kod:

<ol>
<li>Çay</li>
<li>Kahve</li>
<li>Kola</li>
</ol>

HTML Görünümü: http://forumil.com/nane/numaralandirma.html

Kategorili Şekilde Listeleme

Bu şekilde bir listeleme kullanarak maddelerin altına açıklama yazılabilir. Liste <dl> ile başlar ve </dl> ile biter. Arasına ise 1. dereceden yakın <dt></dt>, 2. dereceden yakın <dd></dd> kullanılarak arasına sıralanacak nesneler alınır.

Kod:

<dl>
<dt>Kahve</dt>
<dd>Kahverengidir</dd>
<dt>süt</dt>
<dd>Beyazdır</dd>
</dl>

HTML Görünümü: http://forumil.com/nane/katagorililisteleme.html