Html Listelerin kullanımı

Listeler:

      HTML bize üç tip liste hazırlama imkanı veriyor. Bunlar;

  1. Sıralı listeler (ordered list)
  2. Sırasız listeler (unordered list)
  3. Tanımlama listeleri (definition list) 

      Sıralı listeler rakam , harf yada her ikisini içiçe alarak liste oluşturmamızı sağlar.Sırasız listeler rakam/harf yerine madde imleri koyarak liste oluşturmamızı sağlar. Tanımlama listeleri ise bir listeden çok kalabalık metinlerde okumayı kolaylaştırmaya yardımcı olabilecek bir araçtır. Listemizin rakamla mı harfle mi olacağını (type) parametresi ile belirtebiliriz. 

     Sıralı Listeler

 

Html Etiketi Etiketin Web Sayfasındaki görüntüsü
<OL TYPE = "1">ELEMANLAR : 
<LI>ELEMAN 1
<LI>ELEMAN 2
<LI>ELEMAN 3
</OL>
    ELEMANLAR :
  1. ELEMAN 1
  2. ELEMAN 2
  3. ELEMAN 3

     Sırasız Listeler

Html Etiketi Etiketin Web Sayfasındaki görüntüsü
<UL TYPE="DISC"> ELEMANLAR: 
<LI>ELEMAN 1
<LI>ELEMAN 2
<LI>ELEMAN 3 
</UL>
    ELEMANLAR:
  • ELEMAN 1
  • ELEMAN 2
  • ELEMAN 3


      Tanımlama listeleri


<dl>
<dt>Karbonhidrat ve ben
<dd>En çok bol karbonhidratlı yemekleri severim, özellikle de makarna ve türevlerini. Lazanya favorimdir. </dd></dt>
<dt>Sebze ve ben
<dd>Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir. </dd></dt>
<dt>Et ve ben
<dd>Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. </dd></dt>
</dl> 
Karbonhidrat ve ben
En çok bol karbonhidratlı yemekleri severim, özellikle de makarna ve türevlerini..
Sebze ve ben
Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir.
Et ve ben
Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. 


Kategoriler : Html
Etiketler : html dersleri

Webbilgileri.com' da bilgilerinizi paylaşmak istiyorsanız. Ders Ekle linkmizi kullanabilirsiniz.
0 Adet Yorum Bulunmaktadır.
« » 
Makale hakkındaki yorumlarınız ?
Yazan :
Başlık :
Tarih :
Sorununuz :
Güvenlik Kodu :