Liste Düzenleri

Photo by Jackson Sophat on Unsplash

HTML’de liste düzenleri, içeriği düzenlemek ve görsel hiyerarşi oluşturmak için kullanılan önemli bir özelliktir.

İki tür liste düzeni vardır: numaralı liste (ordered list) ve sırasız liste (unordered list).

Numaralı Liste (Ordered List)

Numaralı liste, öğeleri sıralı bir şekilde numaralandırır. Her öğe bir numara veya harfle belirtilir. Numaralı liste için <ol> etiketi kullanılır ve her öğe için <li> (list item) etiketi kullanılır.

<ol>
  <li>Öğe 1</li>
  <li>Öğe 2</li>
  <li>Öğe 3</li>
</ol>

Yukarıdaki örnekte, <ol> etiketi ile numaralı liste oluşturulmuştur. Her öğe için <li> etiketi kullanılarak öğeler listelenir. Tarayıcı, numaralandırma için otomatik olarak numaraları veya harfleri oluşturur.

Sırasız Liste (Unordered List)

Sırasız liste, öğeleri sırasız bir şekilde işaretler veya semboller kullanarak listeler. Sırasız liste için <ul> etiketi kullanılır ve her öğe için <li> (list item) etiketi kullanılır.

<ul>
  <li>Öğe 1</li>
  <li>Öğe 2</li>
  <li>Öğe 3</li>
</ul>

Yukarıdaki örnekte, <ul> etiketi ile sırasız liste oluşturulmuştur. Her öğe için <li> etiketi kullanılarak öğeler listelenir. Tarayıcı, sırasız listeler için otomatik olarak işaretleri veya sembolleri görüntüler (genellikle nokta, tire veya daire).

Numaralı liste ve sırasız liste, içeriği düzenlemek, hiyerarşi oluşturmak ve okunabilirliği artırmak için yaygın olarak kullanılır. Bu liste düzenleri, metinlerin, adımların, maddelerin veya herhangi bir sıralı veya sırasız bilginin sunulmasında kullanılabilir. Özel özellikler, CSS (Cascading Style Sheets) kullanılarak değiştirilebilir ve tasarım tercihlerine göre özelleştirilebilir.