Pierwsza tabela

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

Tabela <table> składa się z wierszy <tr> (table row), a każdy wiersz z komórek <td> (table data). Wszystkie wiersze powinny mieć tyle samo komórek. Domyślnie tabela nie ma ramek, dlatego w <head> przygotowaliśmy gotowy styl, który je rysuje: CSS poznasz w kolejnych tematach, na razie go nie zmieniaj. Dodaj czwarty wiersz z własnym zwierzęciem.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Pierwsza tabela</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>
    <tr>
      <td>Kot</td>
      <td>4 łapy</td>
    </tr>
    <tr>
      <td>Kura</td>
      <td>2 łapy</td>
    </tr>
    <tr>
      <td>Pająk</td>
      <td>8 odnóży</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.