html de liste kullanımı
Dökümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı listeler, tanımlı listeler ve içiçe listelerdir.
Düz (Numarasız) listeler
Düz liste (unordered lists, <ul>) oluşturmak için,
- Listeye başlamak için belirteç açılır. <ul>
- Liste elemanlarını teker teker girerken başına <li> belirteci girilir. Kapatmak için </li> belirtecine gerek yoktur.
- Listeyi bitirmek için belirteç kapatılır. </ul>
Örnek olarak,
<ul>
<li> Elma
<li> Armut
</ul>
- Elma
Armut
Numaralı Listeler
Numaralı listeler (ordered lists <ol>), düz listelerden farklı olarak, <ul> belirteci yerine <ol> kullanırlar. Ekrandaki liste elemanlarının başına 1’den başlayarak sayılar eklenir. Aşağıdaki HTML kodu,
<ol>
<li> Linux İşletim Sistemi
<li> Linux’un desteklediği donanımlar
</ol>
1. Linux İşletim Sistemi
2. Linux’un desteklediği donanımlar
İçiçe Listeler
Tüm liste çeşitleri, 3’den fazla bölüm kullanmadıkça iç içe yazılabilir. Örnek olarak,
<ul>
<li> İstanbul’un büyük semtleri
<lu>
<li> Beyoğlu
<li> Bakırköy
<li> Kadıköy
</lu>
<li> Ankara’nın belli başlı yerleşim birimleri
<lu>
<li> Kızılay
<li> Ulus
</lu>
</lu>
Ekrandaki görüntüsü,
- İstanbul’un büyük semtleri
- Beyoğlu
- Bakırköy
- Kadıköy
- Ankara’nın belli başlı yerleşim birimleri
- Kızılay
- Ulus
