Sıralı listeler
<ol> ve start, type öznitelikleriyle sıralı listeler kurarsın.
Sıralı liste nedir?
Bir sıralı liste, öğelerin sırasının önemli olduğu listedir. Tarayıcı her öğeyi otomatik olarak numaralandırır: 1, 2, 3... Bir yarışın derece listesi ya da bir tarifin adımları buna örnektir.
Sıralı liste <ol> (ordered list) etiketiyle açılır. Öğeler yine <li> içine yazılır. Sırasız liste ile tek farkı kabın adıdır: <ul> yerine <ol> kullanırsın.
type özniteliği
<ol> etiketine type özniteliği vererek numaralama biçimini değiştirebilirsin. Alabileceği değerler şunlardır:
1— sayılar (varsayılan): 1, 2, 3A— büyük harfler: A, B, Ca— küçük harfler: a, b, cI— büyük Roman: I, II, IIIi— küçük Roman: i, ii, iii
Örnek: <ol type="A"> öğeleri A, B, C diye numaralar.
start özniteliği
Bazen listeyi 1 yerine başka bir sayıdan başlatmak istersin. Bunun için <ol> etiketine start özniteliği verirsin. Örneğin <ol start="3"> listeyi 3'ten başlatır: 3, 4, 5...
Bu, sayfa yeniden numaralandırılan uzun bir listede işe yarar. start her zaman bir tam sayıdır; type ile birlikte de kullanılabilir: <ol type="A" start="3"> listeyi C'den başlatır.
Uygulama Seyahat planı listesi yaz
Body içine bir <ol> listesi ekle. En az üç <li> öğesi olsun; örneğin bir seyahat planı olarak İstanbul, İzmir ve Antalya.
Örnek çözümü göster
<body>
<ol>
<li>İstanbul</li>
<li>İzmir</li>
<li>Antalya</li>
</ol>
</body>Kendini test et
-
Büyük Roman rakamları (I, II, III) için type özniteliğine hangi değer verilir?
<ol type=""></ol>- 1
- A
- a
- I
Cevabı göster
I — Doğru. type="I" büyük Roman rakamları verir: I, II, III.
-
Listeyi üçten başlat
<ol ____> <li>Üç</li> <li>Dört</li> <li>Beş</li> </ol>Cevabı göster
<ol start="3"> <li>Üç</li> <li>Dört</li> <li>Beş</li> </ol> -
type değerini çıktıyla eşleştir
- type="1"
- 1, 2, 3
- type="A"
- A, B, C
- type="a"
- a, b, c
- type="I"
- I, II, III