caption-tagi

caption-tagin tarkoitus on luoda otsikko koko HTML-taulukolle. Tällainen otsikko on teksti, joka oletusarvoisesti näytetään taulukon edessä ja kuvaa sen sisältöä.

Tämä tagi voi sijoittaa vain table-tagin sisälle, ja heti avaavan tagin jälkeen.

Esimerkki

Lisätään taulukolle otsikko caption:

html<table>
  <caption>Tämä on koko taulukon otsikko</caption>
  <tr>
    <th>Nimi</th>
    <th>Sukunimi</th>
    <th>Palkka</th>
  </tr>
  <tr>
    <td>nimi1</td>
    <td>sukunimi1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>nimi2</td>
    <td>sukunimi2</td>
    <td>1000$</td>
  </tr>
</table>

csstable, td, th {
  border: 1px solid black;
}

Результат:

Katso myös