HTML

30 Kasım 2007

HTML Listeleri

HTML sıralı, sırasız ve tanımlama listeleri oluşturabilir.

Sırasız (Unordered) Listeler

Sırasız liste bir dizi öğeden oluşur. Listelenen öğeler bilyalarla işaretlenir (özel olarak küçük siyah çemberlerden söz edilmektedir).

Sırasız bir listeyi başlatmak için <ul> biçimi kullanılır. Her liste öğesi ise <li> biçimiyle başlar.
 
<ul>
<li>Kahve</li>
<li>Süt</li>
</ul>

Tarayıcıda bunların nasıl göründüğü aşağıda gösterilmiştir:
  • Kahve
  • Süt
Bir liste öğesi içinde paragraflar, satır kırılmaları, resimler, bağlar ve başka listeler olabilir.

Sıralı (Ordered) Listeler

Sıralı liste de bir dizi öğeden oluşur. Liste öğeleri sayılarla işaretlenmiştir.
 Sıralı liste <ol> biçimiyle başlar. Her öğe <li> biçimiyle tanımlanır.
 
<ol>
<li>Kahve</li>
<li>Süt</li>
</ol>
Burada tarayıcda nasıl olduğunu görebilirsiniz:
  1. Kahve
  2. Süt
Bir liste öğesi içine paragraflar, satır kırılımları, resimler, bağlar ve diğer listeler vb yazılabilir.

Tanımlama (Definition) Listeleri

Bir tanım listesi öğelerin listesi değildir. Deyimlerin ve açıklamalarının listesidir. Bir tanım listesi <dl> ile başlar. Her tanım listesi öğesi <dt> biçimiyle başlar. Ve her deyim tanımı ise <dd> ile başlar. 
<dl>
<dt>Kahve</dt>
<dd>Siyah sıcak içecek</dd>
<dt>Milk</dt>
<dd>Beyaz soğuk içecek</dd>
</dl>
Tarayıcıda bu tanımın nasıl göründüğü aşağıda gösterilmiştir:
Kahve
Siyah sıcak içecek
Milk
Beyaz soğuk içecek
Tanımlama listesinin içindeki liste tanımlarında (<dd> biçimi) paragraflar, satır kırılımları, resimler, bağlar ve diğer listeler bulunabilir.

Liste Biçimleri

Biçim Açıklama
<ol> Sıralı liste tanımı
<ul> Sırasız liste tanımı
<li> Bir liste öğesini tanımlar
<dl> Tanımlama listesi tanımı
<dt> Tanımlama terimi tanımı
<dd> Defines a definition description

Eski biçimlerden <dir> ve <menu> yerine artık <ul> kullanılır.