HTML Liste oluşturma - Sırasız listeler - PcTekno.NET | PTN

Konumunuz: Anasayfa

Html

HTML Liste oluşturma - Sırasız listeler

Salı, 01 Mayıs 2007

Html ile istediğiniz listeleri sayfanıza kolayca yerleştirebilrsiniz. Bunun için kullabileceğim önemli Html Listeleri şunlardır :

Sırasız listeler
Sıralı listeler
Tanım listeler

Bu listeler dışında başka listeler olmakla beraber güncel kullanımda tavsiye edilmezler.

Sırasız Listeler

Bu listeler verilen listede belli bir sıralama gözetilmediğinde kullanılırlar. Sırasız bir liste oluşturmak için <UL> tagını kullanacağız. Bu tag içerisinde ise liste elemanlarını vermek için <LI> tagını kullanıyoruz. Mesela meyvelerin sıralandığı bir liste yapmak istersek kullanacağımız ifadeler aşağıdadır.

 
<UL>
    <LI>Elma</LI>
    <LI>Armut</LI>
    <LI>Vişne</LI>
    <LI>Kiraz</LI>
    <LI>Dut</LI>
    <LI>Kayısı</LI>
</UL>

Böyle bir ifadenin sonucunda şu liste görüntülencektir.

Elma
Armut
Vişne
Kiraz
Dut
Kayısı

Bu listeler belli bir sıra gözetmediğinden liste elemanının yanında sadece bir görüntü ( disk, kare gibi ) eklenecektir. Şimdi bu iki tagı inceleyelim :

<UL> Tagı

Bu tag sırasız bir liste oluşturmak için kullanılır. İki özellik alabilir. Bunlardan ilk COMPACT özelliği listeyi mümkün olan en ufak alana sığdırmak için kullanılır ve hiç bir değer almaz.

TYPE özelliği ise liste elemanlarının önünde görüntülenecek elemanın şeklini belirler. Üç değer alabilir bunlar; DISK içi dolu bir daire çizdirir, CIRCLE içi boş bir daire çizdirir, SQUARE bir kare çizdirir. Kullanımı :
<UL TYPE="Circle"> şeklindedir.

Yorumlar (0) Add Comment