Listeleme Etiketleri
HTML etiketleri kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır. Dokümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidini destekler.
<OL> Ordered List
<ol> etiketinin açılımı Ordered List (sıralı liste)’dir. <ol> etiketi kullanarak listelenen verilere sayma sayısı, alfabetik, roma rakamları verilebilir. Listelenecek veriler <ol>…</ol> etiketleri arasına yazılır. <ol> etiketi 2 parametre alır. Bu parametreler Start ve Type‘dır. Type ile listemizin sayı ile mi yoksa sayı ile mi başlayacağını belirliyoruz, start ise hangi rakam/harf ile başlayacağını belirler. Yani 1. , 2. , 3. değilde start=”5″ yaptığımızda, 5. , 6. , 7. şeklinde listeliyor. Harf olarak ise start=”e” değilde e harfine karşılık gelen sayıyı yazmanız gerekir. a=1, b=2, c=3, d=4, e=5 … gibi alfabetik sıralamaya karşılık gelen sayıyı girmeniz gerekir.
<UL> Unordered List
<ul> etiketinin açılımı Unordered List (Sırasız/düzensiz Liste)’dir. <ul> etiketi kullanılarak listelenen verilere sayı veya harf yerine yuvarlak ve kare simgeler verir. Listelenecek veriler <ul>…</ul> etiketleri arasına yazılır. <ul> etiketinde kullanılan Start parametresi kullanılacak madde imini belirler. Bunlar; disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.
<Lİ> List İtem
<li> etiketi açılımı List İtem (Liste Elemanı)’dır. Yukarıda anlatmış olduğumuz <ol> ve <ul> etiketleri tek başına kullanılmaz sırayı belirtmek için de <li> etiketi ile birlikte kullanılır. Yani sıralanacak olan ifadenin başına <li> getirmeliyiz.Örneğin ;
<OL> Kullanımı
<ol type=”1″>
<li>Burhan</li>
<ol type=”a”>
<li>Ali</li>
<li>Veli</li>
</ol>
<li>Ahmet
<ol type=”a” start=”3″>
<li>Ayşe</li>
<li>Fatma</li>
<ol type=”i”>
<li>Gülçin</li>
<li>Emine</li>
</ol>
</ol>
</ol>
<UL> Kullanımı
<ul type=”disc”>
<li>Burhan</li>
<ul type=”square”>
<li>Ali</li>
<li>Veli</li>
</ul>
<li>Ahmet</li>
<ul type=”square”>
<li>Ayşe</li>
<li>Fatma</li>
<ul type=”circle”>
<li>Gülçin</li>
<li>Emine</li>
</ul>
</ul>
</ul>