HTML tabloları, tekrar eden verileri göstermek amacıyla kullanılır. Veri gösterme bakımından Excel tablolarından farkı yoktur.

• <table> etiketi ile başlar.
• Tablo başlıkları <thead> etiketi içerisinde bulunur.
  • <th> etiketi ile tablo başlıkları belirlenir.
• Tablo verileri <tbody> etiketi içerisinde bulunur.
  • <td> etiketi ile tablo verileri belirlenir.
• Her satır <tr> etiketi ile tanımlanır.

<table>
  < thead >
      <tr>
          <th>
              Şirket Adı
          </th>
          <th>
              Adresi
          </th>
          <th>
              Telefon No
          </th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>
              Lorem Ipsum
          </td>
          <td>
              Proin interdum, eros vel porttitor malesuada, nisl orci rutrum justo
          </td>
          <td>
              +90 000 000 00 00
          </td>
  </tbody>
</table>

Bunu Aklından Çıkartma: <td> etiketleri tabloların veri kapsayıcılarıdır. Bunlar her türlü HTML elementi içerebilir.

Birden Fazla Sütuna Genişleyen Hürceler (colspan)

Hürceleri (td/th) birden fazla sütuna yaymak için colspan özelliği kullanılır.

Birden Fazla Satıra Genişleyen Hürceler (rowspan)

Hürceleri (td/th) birden fazla satıra yaymak için rowspan özelliği kullanılır.

Başlık Ekleme

Bir tabloya başlık ekleme için <caption> etiketi kullanılır.