Tabela: wiersze i komórki

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

Tabela w HTML składa się z **wierszy** i **komórek**: - `<table>` otacza całą tabelę, - `<tr>` (table row) to jeden wiersz, - `<td>` (table data) to zwykła komórka, - `<th>` (table header) to komórka nagłówka, domyślnie pogrubiona i wyśrodkowana. Bez stylów tabela nie ma linii: obramowanie dodaje CSS (`border`), a `border-collapse: collapse` skleja podwójne linie w jedną.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Plan lekcji</title>
  <style>
    table, th, td {
      border: 1px solid #94a3b8;
      border-collapse: collapse;
    }
    th, td {
      padding: 6px 10px;
    }
  </style>
</head>
<body>
  <h1>Plan lekcji: poniedziałek</h1>
  <table>
    <tr>
      <th>Godzina</th>
      <th>Przedmiot</th>
    </tr>
    <tr>
      <td>8:00</td>
      <td>matematyka</td>
    </tr>
    <tr>
      <td>8:55</td>
      <td>informatyka</td>
    </tr>
    <tr>
      <td>9:50</td>
      <td>polski</td>
    </tr>
  </table>
</body>
</html>

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

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