HTML Tutorial

HTML-tagg: <caption>

Användning av <caption>

  • Tager emot texten för tabellens rubrik

Attribut för <caption>

  • align="left" | "center" | "right" - Justera textens position i rubriken

Exempel med <caption>

<table>
  <caption>Produktdatablad</caption>
  <thead>
    <tr> <th>Produkt</th> <th>Pris</th> </tr>
  </thead>
  <tbody>
    <tr> <td>Telefon</td> <td>1000 kr</td> </tr>
    <tr> <td>Dator</td> <td>5000 kr</td> </tr>
  </tbody>
</table>

Utforska <caption>-taggen

<!DOCTYPE html>
<html>
<head>
  <title><caption>-taggen</title>
</head>
<body>
  <h1>Exempel på <caption>-taggen</h1>
  <table>
    <caption>Tabell med produktdata</caption>
    <thead>
      <tr>
        <th>Produkt</th>
        <th>Pris</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Telefon</td>
        <td>1000 kr</td>
      </tr>
      <tr>
        <td>Dator</td>
        <td>5000 kr</td>
      </tr>
    </tbody>
  </table>
</body>
</html>