HTML Listeleri bilgi listelerini belirtmek için kullanılır. Tüm listeler bir veya daha fazla liste öğesi içerebilir. Üç farklı HTML listesi türü vardır:
- Sıralı Liste veya Numaralı Liste (ol)
- Sırasız Liste veya Madde İşaretli Liste (ul)
- Açıklama Listesi veya Tanım Listesi (dl)
Not: Başka bir listenin içinde iç içe Liste olarak adlandırılacak bir liste oluşturabiliriz.
HTML Sıralı Liste veya Numaralı Liste
Sıralı HTML listelerinde, tüm liste öğeleri varsayılan olarak sayılarla işaretlenmiştir. Numaralı liste olarak da bilinir. Sıralı liste şununla başlar:
- etiketi ve liste öğeleri şununla başlar:
- etiket.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Şimdi Test Edin
Çıktı:
- Koç burcu
- Bingo
- Aslan
- Kahin
HTML sıralı listesinin tüm ayrıntıları için burayı tıklayın. HTML Sıralı Listesi
HTML Sırasız Liste veya Madde İşaretli Liste
HTML Sırasız listesinde, tüm liste öğeleri madde işaretleri ile işaretlenmiştir. Madde işaretli liste olarak da bilinir. Sırasız liste şununla başlar:
- etiket ve liste öğeleri şununla başlar:
- etiket.
<ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>Şimdi Test Edin
Çıktı:
- Koç burcu
- Bingo
- Aslan
- Kahin
HTML sırasız listesinin tüm ayrıntıları için burayı tıklayın. HTML Sırasız Liste
HTML Açıklama Listesi veya Tanım Listesi
HTML Açıklama listesi aynı zamanda HTML ve XHTML tarafından desteklenen bir liste stilidir. Girişlerin sözlük veya ansiklopedi gibi listelendiği tanım listesi olarak da bilinir.
Sözlük, terim listesi veya başka bir ad-değer listesi sunmak istediğinizde tanım listesi çok uygundur.
HTML tanım listesi aşağıdaki üç etiketi içerir:
-
- etiket
-
- etiket
bir terimi tanımlar. -
- etiket
terimin tanımını (açıklamasını) tanımlar.
<dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl>Şimdi Test Edin
Çıktı:
- Koç burcu
- -12 burçtan biri.
- Bingo
- -Akşam atıştırmalıklarımdan biri
- Aslan
- -Aynı zamanda 12 burçtan biridir.
- Kahin
- -Çok uluslu bir teknoloji şirketidir.
HTML açıklama listesinin tüm ayrıntıları için burayı tıklayın. HTML Açıklama Listesi
HTML İç İçe Liste
Başka bir listenin içindeki listeye iç içe liste adı verilir. Numaralandırılmış bir liste içinde madde işaretli bir liste istiyorsanız bu tür listelere iç içe liste adı verilir.
Kod:
Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol>Şimdi Test Edin
Çıktı:
Destekleyen Tarayıcılar
| Öğe |  Krom |  IE |  Firefox |  Opera |  Safari |
| Evet | Evet | Evet | Evet | Evet |