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, 3
A — büyük harfler: A, B, C
a — küçük harfler: a, b, c
I — büyük Roman: I, II, III
i — 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

Sıradaki ders: Açıklama listeleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler