</> HTML5 📊 Orta ⏱ 25 dk 📋 1 Kod Örneği

Listeler

Sıralı (ol) ve sırasız (ul) liste oluşturma, iç içe liste kullanımı.

HTML'de iki tür liste vardır: ul (unordered list - madde işaretli) ve ol (ordered list - numaralı).

Ne Zaman Hangisini Kullanmalı?

Sıra önemli değilse ul, sıra önemliyse (tarif adımları, talimatlar) ol kullanın.

HTML

<!-- Sırasız liste (madde işaretli) -->
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<!-- Sıralı liste (numaralı) -->
<ol>
    <li>Malzemeleri hazırla</li>
    <li>Unu kaba koy</li>
    <li>Yumurtaları ekle</li>
</ol>

<!-- İç içe liste -->
<ul>
    <li>Frontend
        <ul>
            <li>HTML</li>
            <li>CSS</li>
        </ul>
    </li>
    <li>Backend
        <ul>
            <li>PHP</li>
            <li>MySQL</li>
        </ul>
    </li>
</ul>

CANLI ÖNİZLEME

li(list item) her liste öğesini temsil eder. İç içe listeler için ul/ol içine ul/ol açılır.