HTML Listeler ve Tablo Kullanımı | 2025 Rehberi

HTML Listeler

HTML'de listeler, içerikleri düzenli veya düzensiz olarak göstermek için kullanılır.

Sırasız Liste (<ul>)

Sırasız liste, maddeleri madde işareti ile sıralar:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Sıralı Liste (<ol>)

Sıralı liste, maddeleri numaralı şekilde sıralar:

<ol>
  <li>Frontend</li>
  <li>Backend</li>
  <li>Database</li>
</ol>

Tanım Listesi (<dl>)

Tanım listesi, terimleri ve açıklamalarını göstermek için kullanılır:

<dl>
  <dt>HTML</dt>
  <dd>Web sayfalarının yapısını oluşturur.</dd>
  <dt>CSS</dt>
  <dd>Web sayfalarını stillendirir.</dd>
</dl>

HTML Tablolar

Tablolar, verileri satır ve sütunlar halinde göstermek için kullanılır.

Liste ve Tablo Kod Örneği

Aşağıda hem liste hem tablo örneği bulunmaktadır:

<h3>Teknolojiler</h3>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<h3>Kurs Programı</h3>
<table>
  <thead>
    <tr>
      <th>Ders</th>
      <th>Süre</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>HTML</td>
      <td>2 Hafta</td>
    </tr>
    <tr>
      <td>CSS</td>
      <td>2 Hafta</td>
    </tr>
  </tbody>
</table>