Tabela z podpisem i częściami

Tabele na stronie internetowej - Informatyka - technikum klasa 2 (HTML/CSS/JS)

Tabela zgodna ze standardem ma: - podpis `<caption>` (pierwszy w `<table>`), - część nagłówkową `<thead>`, treść `<tbody>` i stopkę `<tfoot>` (np. z sumą), - komórki nagłówków `<th>` z atrybutem `scope`: `col` - nagłówek kolumny, `row` - nagłówek wiersza. Dzięki temu czytnik ekranu wie, czego dotyczy komórka.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Tabela</title>
  <style>
    table {
      border-collapse: collapse;
    }
    th, td {
      border: 1px solid #94a3b8;
      padding: 4px 8px;
    }
  </style>
</head>
<body>
  <table>
    <caption>Wypożyczenia w październiku</caption>
    <thead>
      <tr>
        <th scope="col">Klasa</th>
        <th scope="col">Wypożyczenia</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">2a</th>
        <td>6</td>
      </tr>
      <tr>
        <th scope="row">2b</th>
        <td>4</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th scope="row">Razem</th>
        <td>10</td>
      </tr>
    </tfoot>
  </table>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - technikum klasa 2·Zaloguj się, aby zapisać postęp na koncie.