HTML Listeler

HTML Liste (List) Nedir?

Listeler sayesinde ilgili öğeler arasında gruplandırmalar yapabiliriz. Listeler, aralarında farklı bölümlere ayrılırlar.

Sırasız Listeler

Sırasız listeler <ul> etiketi içerisine alınır ve her yeni öğe için <li> etiketi oluşturulur. Sırasız liste öğeleri varsayılan olarak madde işaretleriyle (küçük siyah daireler) şeklinde işaretlenir. Ufak bir örnek ile tanımımızı pekiştirelim. 

<ul>
  <li>Öğretmen</li>
  <li>Öğrenci</li>
  <li>Okul Personeli</li>
</ul>

Bu örneğimizin çıktısı şu şekilde olacaktır:

• Öğretmen
• Öğrenci
• Okul Personeli

Sıralı Listeler

Sıralı listeler <ol> etiketi içerisine alınır ve her yeni öğe için <li> etiketi oluşturulur. Sıralı liste öğeleri varsayılan olarak, 1-2-3... şeklinde numaralandırılarak oluşturulur. Ufak bir örnek ile tanımımızı pekiştirelim. 

<ol>
  <li>Öğretmen</li>
  <li>Öğrenci</li>
  <li>Okul Personeli</li>
</ol>

Bu örneğimizin çıktısı şu şekilde olacaktır:

1. Öğretmen
 
2. Öğrenci
 
3. Okul Personeli

Açıklama Listesi

Açıklama listesi, <dl> etiketleri arasına alınır. Her yeni öğe için <dt> etiketi oluşturulur ve bu öğeleri tanımlamak için ise, <dd> etiketleri kullanılır. Ufak bir örnek ile tanımımızı pekiştirelim.

<dl>
  <dt>Öğretmen</dt>
  <dd>- bir bilim dalını, bir sanatı, bir tekniği veya belli bilgileri öğretmeyi kendisine meslek edinmiş kişidir.</dd>
  <dt>Öğrenci</dt>
  <dd>- günlük hayatta genel olarak bir okula devam eden veya bir kursa devam eden kişidir.</dd>
</dl>

Bu örneğimizin çıktısı şu şekilde olacaktır:

Öğretmen

- bir bilim dalını, bir sanatı, bir tekniği veya belli bilgileri öğretmeyi kendisine meslek edinmiş kişidir.

Öğrenci

- günlük hayatta genel olarak bir okula devam eden veya bir kursa devam eden kişidir.

Tüm örnekleri görüntülemek ve düzenlemek için, buraya tıklayabilirsiniz.