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,

  1. Listeye başlamak için belirteç açılır. <ul>
  2. Liste elemanlarını teker teker girerken başına <li> belirteci girilir. Kapatmak için </li> belirtecine gerek yoktur.
  3. 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

tuna

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir