Listeleme Etiketleri

Sayfa Başına Dön Metin Düzenleme Etiketleri <HR> Etiketi Bu yazıyı PDF olarak kaydet Metin Düzenleme Etiketleri <HR> Etiketi Listeleme Etiketleri

Html sayfalarımızda listelerimizi <ol> ve <ul> etiketleri ile oluşturabiliriz. Bu etiketler listeminizin biçimini belirlememizi sağlar. Listemizde yer alacak elemanlarımızı hem <ol> etiketinde , hemde <ul> etiketinde <li> etiketi ile belirleriz. Her bir liste elamanı <li> .. </li> şeklinde belirtilir.

<OL> Etiketi

Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz. <ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır.

Örnek : <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.

<ol> <li> Elma </li> <li> Portakal </li> <li> Karpuz </li> </ol>

Çıktısı :

1. Elma
2. Portakal
3. Karpuz

Örnek : type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz. “A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, .... şeklinde küçük harflerle olacaktır. Type “I” harfi veya küçük ”i” harfi ile belirtilirse sıralama roma rakamları ile yapılacaktır.

<ol type="A"> <li> Elma </li> <li> Portakal </li> <li> Karpuz </li> </ol>

1. Elma
2. Portakal
3. Karpuz

Örnek : start parametesi ile listemizin başlangıç değerini belirtebiliriz Start 3 olduğundan sıralamanın 3. harfi olan C den başlayarak listeleme yapılacaktır.

<ol type="A" start="3"> <li> Elma </li> <li> Portakal </li> <li> Karpuz </li> </ol>

3. Elma
4. Portakal
5. Karpuz

<UL> Etiketi

<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır. Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)'dir.

<ul type="circle"> <li> Elma </li> <li> Portakal </li> <li> Karpuz </li> </ul>

• Elma
• Portakal
• Karpuz

Ekleyen:admin