Html etiketler

10
HTML Listeleme Etiketleri

Transcript of Html etiketler

Page 1: Html etiketler

HTMLListeleme Etiketleri

Page 2: Html etiketler

<OL> EtiketiSı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.

Page 3: Html etiketler

Örnek• Burada <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>Armut</li> <li>Kavun</li>

</ol>

1.Elma2.Armut3.Kavun

Page 4: Html etiketler

• 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.

<ol type= «A»> <li>Elma</li> <li>Armut</li> <li>Kavun</li>

</ol>

A.ElmaB.ArmutC.Kavun

Page 5: Html etiketler

• “I” harfi yerine küçük”i” harfi yazılırsa, sıralama i, ii, iii,…. şeklinde

küçük roma rakamları ile yapılacaktır.

<ol type= «I»> <li>Elma</li> <li>Armut</li> <li>Kavun</li>

</ol>

I.ElmaII.ArmutIII.Kavun

Page 6: Html etiketler

• Sıralamanın her zaman “1” den veya “A” dan başlamasını istemeyebiliriz. Bu

tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman

sayı olması gerekmektedir. Örneğin sıralamayı “C” harfinden başlatmak

istiyorsak start değerine “C” yazmak yerine “3” yazmak zorundayız.

<ol type= “A“ start=“ 3“ > <li>Elma</li> <li>Armut</li> <li>Kavun</li></ol>

C.ElmaD.ArmutE.Kavun

Page 7: Html etiketler

<UL> Etiketi

<ul> etiketi madde işaretleri şeklinde listeleme yapmak için

kullanılır.

<li> etiketi ile birlikte kullanılır.

Page 8: Html etiketler

Örnek

<ul > <li>Elma</li> <li>Armut</li> <li>Kavun</li></ol>

• Elma• Armut• Kavun

Page 9: Html etiketler

• 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

Page 10: Html etiketler

Örnek<html><body><ul type=«circle» <li>Elma</li><ul type=«disc» <li>Armut</li><ul type=«square» <li>Kavun</li></ul></body></html>

•Elma•ArmutKavun