Listeleme Etiketleri 

1-) <OL>
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 :
Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.
Ekran Çıktısı;
1. HTML
2.CSS
3.JS

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.
Örnek :
Ekran Çıktısı:
A. HTML
B.CSS
C.JS

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.
Örnek:
Ekran Çıktısı:
C. HTML
D. CSS
E. JS

2-) <UL>

<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.
Örnek:
Ekran Çıktısı:


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.
Örnek Kodlar ve Çıktısı

 

3-) <LI>

Liste oluşturmak için liste elemanlarını belirtmede kullanılan etikettir. Sıralamanın hangi şekilde olacağını ise <ol> ve <ul> etiketleri belirler.

Konu Pratiği

Yukarıdaki görselde verilen örnek çalışmayı Listeleme Etiketlerini kullanarak yapın ve isteğe bağlı olarak ekran görüntüsü alıp konu altına paylaşınız.Bunu konuya ne kadar ilgili olduğunuzu göstermek amacıyla ödev olarak veriyorum.Kolay gelsin

Önceki Dersimiz Temel Etiketleri detaylı açıklamıştım.
Evet arkadaşlar Listeleme Etiketleri bu kadardır.Diğer dersimizde görüşmek üzere Konu Sıfırdan HTML Öğreniyorum #3 etiketiyle gelecektir.
Emeğe Saygı İçin Beğenmeyi Unutmayın

  Önceki Konular Listesi «
» Sıfırdan HTML Öğreniyorum (Temel Etiketler) #1

  Sonraki Konular Listesi »
​​​​​​​» Sıfırdan HTML Öğreniyorum (Metin ve Görünüm Düzenleme Etiketleri) #3
​​​​​​​» Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
​​​​​​​» Sıfırdan HTML Öğreniyorum (Tablolar) #5