» Liste Kullanmak

HTML tag'ları kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır, bunun için öncelikle metnin ne biçimde listeleneceğini seçmelisiniz. Liste hazırlarken en çok rastlananları tipler

ve
dir.
tag'ını listeye ait olan her satırın başına bir nokta koymak için kullanabilirsiniz.
tag'ı ise her bir satırı isteğe göre numaralandırmanızı veya harflendirmenizi sağlar. Bu tag'lar ayrıca bir paragrafı diğer paragraflardan biraz ileriye itmek için de kullanılabilir. Liste tipini belirlemek için yukarıdaki iki seçeneği kullanıyoruz; peki liste seçeneklerini birbirinden ayırmak için nasıl bir yol izleyeceğiz. Listenin her bir öğesini belirtmek için ise
1. tag'ı kullanılır. Bu karakterleri herhangi bir satırın önüne yerleştirdiğinizde web tarayıcınız bu satırı anında yeni bir liste öğesi olarak kabul edecektir.
   • Birinci Satır
   • İkinci Satır
   • Üçüncü Satır
   HTML dokümanınızda yukarıdaki gibi bir görüntü elde etmek istiyorsanız aşağıdaki gibi kodlar kullanmalısınız:
   
   
   • Birinci Satır
     
   • İkinci Satır
     
   • Üçüncü Satır
     
   • http://www.erenet.net
     

   Listeyi oluşturmak için

   kullanacaksanız bu tag'ın yanına TYPE=X takısını girerek liste biçimini belirleyebilirsiniz. Liste öğelerini sıralatmak için büyük harfleri kullanmak istiyorsanız X yerine A, küçük harflerle sıralamak için a, büyük Roma karakterleri ile sıralamak için I, küçük Roma karakterleri ile sıralamak için I, numaralarla sıralamak için ise L karakterini kullanabilirsiniz.

   Büyük harflerle ayrılan bir liste aşağıdaki gibi bir koda sahip olacaktır:

   
   
   1. Birinci Satır
      
   2. İkinci Satır
      
   3. Üçüncü Satır
      
   4. http://www.erenet.net
      

   Herhangi bir liste içerisinde değişik veya aynı tipte bir liste daha açmak mümkündür. Bunun için

   veya
   tag'ını kapatmadan tekrar bir
   veya
   girmek yeterlidir. Açılan tüm liste tag'larının kapatılması unutulmamalıdır. Unutulduğu takdirde HTML sayfası düzgün görünmeyecektir.
   
   
   
   
   

   Bu makale HTML Öğreniyorum kategorisinde kayıtlıdır.

   Etiketler: Liste Kullanmak

   Copyright © Erenet.NET Tüm hakları saklıdır.

   Yayınlanma 2006-11-18 (2014 okunma)

   Geri Dön    Tavsiye Edin    Yazdır