Spear — Learn to Code

HTML Tables

Tables digunakan untuk menampilkan data tabular. Elemen utama:

<table> — container tabel
<thead> — header group
<tbody> — body group
<tfoot> — footer group
<tr> — table row
<th> — table header cell
<td> — table data cell

Atribut Penting

colspan — menggabungkan kolom
rowspan — menggabungkan baris

index.html

<table border="1" cellpadding="10" cellspacing="0">
  <thead>
    <tr>
      <th>Bahasa</th>
      <th>Tipe</th>
      <th>Kesulitan</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>HTML</td>
      <td>Markup</td>
      <td>⭐</td>
    </tr>
    <tr>
      <td>CSS</td>
      <td>Stylesheet</td>
      <td>⭐⭐</td>
    </tr>
    <tr>
      <td>JavaScript</td>
      <td>Programming</td>
      <td>⭐⭐⭐</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3"><em>Total: 3 bahasa</em></td>
    </tr>
  </tfoot>
</table>

← Previous

Lists

Forms