Nagłówki kolumn i podpis tabeli

Tabele - HTML i CSS: pierwsze strony (HTML/CSS/JS)

Komórka nagłówkowa <th> opisuje kolumnę lub wiersz: przeglądarka ją pogrubia i wyśrodkowuje, a czytnik ekranu wie, że to nagłówek. Zwykle pierwszy wiersz tabeli składa się z <th>. Znacznik <caption> to podpis (tytuł) tabeli i musi stać zaraz po otwarciu <table>, przed pierwszym wierszem. Na egzaminie INF.03 często trzeba odtworzyć właśnie taką tabelę.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Nagłówki tabeli</title>
  <style>
    table {
      border-collapse: collapse;
    }
    th, td {
      border: 1px solid #888;
      padding: 6px 10px;
    }
    th {
      background: #e8e4ff;
    }
    caption {
      font-weight: bold;
      margin-bottom: 6px;
    }
  </style>
</head>
<body>
  <table>
    <caption>Oceny z matematyki</caption>
    <tr>
      <th>Uczeń</th>
      <th>Sprawdzian</th>
      <th>Kartkówka</th>
    </tr>
    <tr>
      <td>Ania</td>
      <td>5</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Bartek</td>
      <td>4</td>
      <td>6</td>
    </tr>
  </table>
</body>
</html>

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

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.