ABECEM Net logo
ABECE Nazar Boncuğu
ABECE Oyun: Web Kursu Ana Sayfa
Bu sayfayı arkadaşınıza önerin.










Tüm Haberler için tıklayınız

ANA SAYFA - HTML DERSİ - JAVASCRİPT DERSİ - JAVASCRİPT KODLARI - CSS DERSİ - ÖNERİLER

9.LİSTELER


Buraya kadar metinler ile ilgili öğrendiklerimiz biçimlendirme üzerineydi. Fakat HTML'in olanakları bununla sınırlı değil: İstenildiği takdirde HTML listeler ve tablolar aracılığıyla metinleri 'düzenlemenize' de olanak verir. Bu araçlardan ilki olan listelerin sıralanmış liste, sıralanmamış liste ve açıklama listesi olarak tercüme edilebilecek üç çeşidi bulunur.Bu listelerin kullanılışını ve farklarını aşağıdaki örneklere bakarak kolayca anlayabilirsiniz.


9/1. SIRALANMIŞ LİSTE(ORDERED LIST)

Sıralanmış listeler <ol>...</ol> etiketleri arasına yazılır,HTML bu etiketlerin arasına yazdıklarımızı isteğinize bağlı olarak rakam veya harfler kullanarak sıralar. Bu isteğimizi <ol> etiketinin type parametresiyle belirleriz. Bu prametre sıralanmış listelerde 'a', 'A', 'i', '1' değerlerini alabilir. <Ol> etiketi ile oluşturduğumuz listenin her elemanının başına <li> etiketini koyarız. Bu etiket ingilizce 'liste elemanı' anlamına gelen 'list item' kelimesinin kısaltılmışıdır.

  1. CD ROM
    1. 30X
    2. 40X
    3. 50X
  2. DVD
    1. 4X
    2. 8X
    3. 12X
       <ol>
<li>CD ROM
   <ol type="i">
       <li>30X
       <li>40X
       <li>50X
   </ol>
<li>  DVD
   <ol type="a">
       <li>4X
       <li>8X
       <li>12X
   </ol>
 </ol>



9/2. SIRALANMAMIŞ LİSTE(UNORDERED LIST)


Sıralanmamış listeler <ul>...</ul> etiketleri arasına yerleştirilir.Liste elemanları çember(circle),daire(disc) veya kare(square)'ler ile sıralanır.

  • CD ROM
    • Read only
      • 30X
      • 40X
      • 50X
    • Writer
      • 8X
      • 10x
      • 12X
       <ul>
    <li>CD ROM
         <ul type="square">
         <li>Read only
                <ul type="circle">
                <li>30X
                <li>40X
                <li>50X</li>
         </ul>
         <li>Writer
                <ul type="circle">
                <li>8X
                <li>10x
                <li>12X</li>
                </ul>
</li>
 </ul>
</li>
</ul>



3/3. AÇIKLAMA LİSTESİ(DEFINITION LIST)


Açıklama listeleri <dl>...</dl> etiketleri içinde yer alır.Bu çeşit listelerde <li> etiketinin yerini <dd> ve <dt> etiketleri alır.Aşağıdaki örneğe bakarak bu etiketlerin kullanımını kolaylıkla anlayabilirsiniz.

CD ROM
Her ne kadar yerini yavaş yavaş DVD rom'lara bıraksa da, halen birçok kişi tarafından kullanılıyor.
DVD ROM
Bu yeni teknoloji CD'lere göre çok daha fazla boş alan sunuyor.
<dl>
 <dt>CD ROM
 <dd>Her ne kadar yerini yavaş yavaş DVD rom'lara bıraksa da, halen birçok
 kişi tarafından kullanılıyor.
 <dt>DVD ROM
 <dd>Bu yeni teknoloji CD'lere göre çok daha fazla
        boş alan sunuyor.</dd>         
 </dl>


Copyright © ABECE Web Hizmetleri: http://www.abecem.net