Html ile Web İşlemleri 15 - Listeleme Type Özelliği

LİSTELEME ETİKETLERİ

4. Listeleme TYPE Özelliği

Type özelliği HTML5 listeleme özelliklerinin değiştirilmesine olanak tanır. CSS kullanılarak veya TYPE özelliği kullanılarak listeleme özelliklerinde değişiklik yapılır (Tablo 3.4 ve Tablo 3.5). TYPE özelliği belirtilmediğinde varsayılan değer kullanılır.

Tablo 3.4: UL TYPE Kullanımı

UL TYPE Kullanımı	Açıklama
<ul type="square">	İçi dolu kare kullanarak madde işareti oluşturur.
<ul type="disc">	İçi dolu daire kullanarak madde işareti oluşturur (Varsayılan değer).
<ul type="circle">	Boş daire kullanarak madde işareti oluşturur.

Tablo 3.5: OL TYPE Kullanımı

OL TYPE Kullanımı	Açıklama
<ol type="1">	Sıralı liste türü (Varsayılan değer)
<ol type="i">	Küçük harfli sayılar ile listeleme (roma rakamı)
<ol type="I">	Büyük harfli sayılar ile listeleme (roma rakamı)
<ol type="a">	Küçük harfler ile listeleme
<ol type="A">	Büyük harfler kullanarak listeleme

Sıralı listelerde başlangıç değeri start özelliği ile değiştirilir. Kaçıncı değerden başlatılacağı start özelliğine rakam yazılarak belirlenir (Tablo 3.6).

Tablo 3.6: Sıralı Listelerde Başlangıç Değeri Belirleme

OL TYPE START Kullanımı	Açıklama
<ol type="a" start="4">	Başlangıç değeri d olarak belirlenmiştir.
<ol type="A" start="5">	Başlangıç değeri E olarak belirlenmiştir.
<ol reversed>	Sıralamayı tersine çevirir.

Sıra Sizde

Sıralı listelerde başlangıç değeri belirlenerek oluşturulmuş aşağıdaki HTML listeleme komutlarını kullanarak Görsel 3.18’deki HTML belgesini oluşturunuz ve tarayıcıda görüntüleyiniz.

<ol type="a" start="5">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>ASP.Net Core</li>
</ol>

<ol type="i" start="2">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>ASP.Net Core</li>
</ol>

<ol reversed>
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>ASP.Net Core</li>
</ol>

Görsel 3.18: <ol> etiketi TYPE özelliği