Gönderen Konu: HTML Listeleme (Lists)  (Okunma sayısı 337 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

eylül

  • Yeni Üye
  • *
  • İleti: 32
  • Kalite +0/-0
    • Profili Görüntüle
HTML Listeleme (Lists)
« : 31 Ekim 2009, 11:43:02 »
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.

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

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