Ol etiketi ile sıralı liste oluşturma
Web sayfamızda sıralı liste oluşturmak amacıyla ol etiketi kullanırız. <ol> etiketi listenin başladığını, </ol> etiketi ise listenin sona erdiğini bildirir. Listenin elemanları <li>...</li> etiketleri arasına yazılır.
Sayfa çalıştırıldığında li etiketleri arasındaki her eleman yeni bir satıra başında sıra numarası olacak şekilde yerleştirilir.
Ol etiketinin parametreleri şunlardır:
Type parametresi: Sıralamanın hangi şekilde olacağını belirler. Kullanılmazsa 1-2-3.. şeklinde sıralama yapılır. Bunun dışında aşağıdaki değerleri alabilir:
Type="A" : A-B-C ...
Type="a" : a-b-c ...
Type="I" : I-II-III-IV ...
Type="i" : i-ii-iii-iv
Start parametresi: Sıralamanın en baştan değilde belli bir elemandan başlaması istenirse buraya kaçıncı elemandan başlanacağı belirtilir. Örneğin;
Type="A" Start="3" şeklinde kullanılırsa sıralama C harfinden başlar.
ol etiketi kullanımı, html liste oluşturma, ol etiketi örnekleri, li etiketi, sıralı liste, ol etiketi nasıl kullanılır
KONU İLE İLGİLİ ÖRNEKLER
<ol type="A">
<li>Web Tasarımı</li>
<ul>
<li>HTML</li>
<ol type="I">
<li>Metin düzenleme</li>
<li>Tablolar</li>
<li>Katmanlar</li>
</ol>
<li>CSS</li>
<ol type="I">
<li>Yerel Stiller</li>
<li>Genel Stiller</li>
<li>Class ve id</li>
</ol>
</ul>
<li>Veritabanı</li>
<li>Grafik</li>
<ul>
<li>Fireworks</li>
<li>Flash</li>
<ol type="I">
<li>Tween</li>
<li>AS3</li>
</ol>
</ul>
<li>PHP</li>
</ol>
<ol>
<li>Web Tasarımı</li>
<ol type="A">
<li>Html</li>
<li>Css</li>
<li>JavaScript</li>
<li>Asp.NET</li>
</ol>
<li>Grafik</li>
<ol type="A">
<li>Fireworks</li>
<li>Flash</li>
</ol>
<li>Veritabanı</li>
</ol>
<ol type="i">
<li>Not defteri</li>
<li>Dreamweaver</li>
<li>Fireworks</li>
<li>Photoshop</li>
<li>Flash</li>
</ol>
12866 kez okundu.