HTML'deki Listeler: Verileri görüntülemek için listeleri kullanma kılavuzu

Listeler, verileri düzenli ve okunabilir bir şekilde görüntülemek için HTML'nin önemli bir parçasıdır. HTML üç ana liste türü sağlar: sırasız listeler, sıralı listeler ve tanım listeleri.

Sırasız listeler(<ul>) belirli madde işaretleri kullanır ve genellikle siyah noktalar kullanılarak girintili öğeler olarak görüntülenir. Bu, belirli bir sipariş gerektirmeyen öğeleri listelemek için popüler bir seçimdir.

Sıralı listeler(<ol>) belirli numaralandırma veya karakter işaretleri kullanır ve sıralı olarak sıralanmış bir liste olarak görüntülenir. Bu genellikle öğeleri belirli bir sırayla listelemek veya numaralandırmak için kullanılır.

Tanım listeleri(<dl>), verileri görüntülemek için terim ve açıklama çiftlerini kullanır. Her bir çift, <dt>(tanım terimi) ve <dd>(tanım açıklaması) etiketlerinin içine alınır. Bu, belirli kavramlar için nitelikleri veya tanımları görüntülemenin etkili bir yoludur.

 

Sırasız Liste( <ul>)

- <ul> Öğe, sırasız bir liste oluşturmak için kullanılır.

- Sırasız listedeki her öğe bir <li> öğenin içine yerleştirilir.

- Sırasız listeler genellikle madde işaretleri veya benzer karakterlerle görüntülenir.

<ul>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ul>  

 

Sıralı Liste( <ol>)

- <ol> Öğe, sıralı bir liste oluşturmak için kullanılır.

- Sıralı listedeki her öğe bir <li> öğenin içine yerleştirilir.

- Sıralı listeler genellikle sayılarla veya alfabetik karakterlerle görüntülenir.

<ol>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Tanım Listesi( <dl>)

- <dl> Öğe, bir tanım listesi oluşturmak için kullanılır.

- Tanım listesindeki her öğe, bir çift <dt>(tanım terimi) ve <dd>(tanım açıklaması) etiketinden oluşur.

- <dt> Etiket, tanımlanmakta olan anahtar kelimeyi veya özelliği içerirken, <dd> etiket o anahtar kelime veya özelliğin açıklamasını veya açıklamasını içerir.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Liste Türü Özniteliği( <ul> ve <ol>)

- type niteliği, sıralı bir listenin numaralandırma stilini belirtmek için kullanılır.

- type niteliğinin değeri "1"(sayılar), "A"(büyük harfler), "a"(küçük harfler), "I"(büyük Romen rakamları) veya "i"(küçük Romen rakamları) olabilir. .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Başlangıç ​​Özniteliği( <ol>)

- start niteliği, sıralı bir listedeki numaralandırmanın başlangıç ​​değerini belirtmek için kullanılır.

- Başlangıç ​​özelliğinin değeri pozitif bir tam sayıdır.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Ters Nitelik( <ol>)

- Tersine çevrilmiş özellik, sıralı bir listeyi ters sırada görüntülemek için kullanılır.

- Ters öznitelik uygulandığında, numaralandırma azalan düzende görüntülenecektir.

<ol reversed>  
  <li>Item 3</li>  
  <li>Item 2</li>  
  <li>Item 1</li>  
</ol>  

 

Bu nitelikler ve öğeler, ihtiyaçlarınıza göre HTML'de listeler oluşturmanıza ve özelleştirmenize olanak tanır. Verileri web sitenizde net ve düzenli bir şekilde görüntülemek için bunları kullanabilirsiniz.