HTML'de listeler, belgelerdeki öğeleri düzenlemek için kullanılan önemli bir yapıdır. İki tür liste bulunur: sıralı liste (<ol>
) ve sırasız liste (<ul>
). Her iki liste türü de liste öğelerini (<li>
) içerir.
Sıralı Liste (<ol>
) ve Sırasız Liste (<ul>
):
Sıralı Liste Örneği (<ol>
):
<ol>
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
</ol>
Sırasız Liste Örneği (<ul>
):
<ul>
<li>Öğe 1</li>
<li>Öğe 2</li>
<li>Öğe 3</li>
</ul>
Tanımlı Liste (<dl>
, <dt>
, <dd>
):
Tanımlı listeler, bir anahtar terim ve bu terime ait açıklamaları içeren öğelerden oluşur.
Tanımlı Liste Örneği (<dl>
):
<dl>
<dt>Terim 1</dt>
<dd>Açıklama 1</dd>
<dt>Terim 2</dt>
<dd>Açıklama 2</dd>
</dl>
İç İçe Listeler:
Listeler iç içe yerleştirilebilir. Örneğin, sıralı liste içinde sırasız liste kullanılabilir veya tam tersi.
<ol>
<li>Madde 1</li>
<li>Madde 2
<ul>
<li>Alt madde 1</li>
<li>Alt madde 2</li>
</ul>
</li>
<li>Madde 3</li>
</ol>
Listelerde Açıklamalar:
Liste öğeleri içinde açıklamalar kullanmak için, her öğe içinde bir <p>
, <div>
, veya başka bir blok içeriğe sahip etiket kullanabilirsiniz.
<ol>
<li>
<p>Madde 1 açıklama.</p>
</li>
<li>
<p>Madde 2 açıklama.</p>
</li>
</ol>
Bu örnekler, HTML'de liste işlemlerini temsil eder. Listeler, belgelerde içeriği organize etmek için önemli bir yapı sağlar ve düzenlemelerde kullanışlıdır.