HTML <table> tag

Op deze pagina:

Voorbeeld:


<table>
  <tr>
    <th>Maand</th>
    <th>Bedrag</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>€ 200</td>
  </tr>
</table>

De <table> tag geeft een HTML tabel.

Een HTML tabel bestaat uit het <table> element en één of meer <tr>, <th> en <td> elementen.

Het <tr> element geeft een tabelrij, het <th> element geeft een tabelkop en het <td> element geeft een tabelcel.

Een meer ingewikkelde HTML tabel kan ook nog <caption>, <col>, <colgroup>, <thead>, <tfoot> en <tbody> elementen bevatten.

Vroeger werden tabellen ook vaak als layouts gebruikt, daar zijn nu betere methoden en elementen voor.

Standaard css voor het <table> element


table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}