VnexTR: Bilişim Forumu

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.

Kod:
<ol>

<li>HTML</li>

<li>CSS</li>

<li>JS</li>

</ol>

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 :

Kod:
<ol type="A">

<li>HTML</li>

<li>CSS</li>

<li>JS</li>

</ol>

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:

Kod:
<ol type="A" start"3">

<li>HTML</li>

<li>CSS</li>

<li>JS</li>

</ol>

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:

Kod:
<ul>

<li>Elma</li>

<li>Armut</li>

<li>Kavun</li>

</ul>

Ekran Çıktısı:
[Resim: q8U2M1.png]

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ı

[Resim: b2R10T9.png]

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
[Resim: d6Q8Y8.png]

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 Gülümse

Önceki Dersimiz Temel Etiketleri detaylı açıklamıştım.
Evet arkadaşlar Listeleme Etiketleri bu kadardır.Diğer dersimizde görüşmek üzere Gülümse

Konu Sıfırdan HTML Öğreniyorum #3 etiketiyle gelecektir.
Parmak At

Emeğe Saygı İçin Beğenmeyi Unutmayın Parmak At

Ö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

çok teşekkür ederim çok başarılı olmuş

Başarılı olmuş teşekkürler.

Takıldığınız anlamadığınız yerleri ısrarla sorun lütfen bu işe başladım bari tam olsun

Merhaba arkadaşlar;
Sıfırdan HTML Öğreniyorum konularının sonlarına eğitim akıcılığı amacıyla,konular arası geçiş linkleri eklenmiştir.
Konu sonlarında;

Sonraki Konular Listesi »
» Sıfırdan HTML Öğreniyorum (Temel Etiketler) #1
» Sıfırdan HTML Öğreniyorum (Listeleme Etiketler) #2
» 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

Benzer şekilde konular arası geçiş linkleri eklenmiştir.
Derslere olan ilgi için teşekkür ederim.Sağlıcakla kalın Gülümse

Teşekkür ederiz broom Gülümse

^Phoenix^

Nirvana

NicHolay

^Phoenix^

^Phoenix^

Baran Yılmaz