Tabele w HTML

Tabela w HTML służy do prezentowania danych w układzie wierszy i kolumn. Podstawowym znacznikiem tabeli jest <table>, a jej zawartość buduje się z wierszy i komórek.

Podstawowe elementy tabeli

• <table> - tworzy tabelę,
• <tr> - tworzy wiersz tabeli,
• <td> - tworzy zwykłą komórkę tabeli,
• <th> - tworzy komórkę nagłówkową,
• <caption> - opcjonalny podpis tabeli.

Przykład prostej tabeli

<table>
  <tr>
    <td>Zatrudniony:</td>
    <td>Jolanta Nowak</td>
  </tr>
  <tr>
    <td>Telefon:</td>
    <td>77 1234567</td>
  </tr>
</table>

Każdy znacznik <tr> oznacza jeden poziomy wiersz. Wewnątrz wiersza umieszcza się komórki <td> lub <th>.

Łączenie komórek

W tabelach często trzeba połączyć komórki. Służą do tego atrybuty:

• colspan - łączy komórki poziomo, czyli przez kilka kolumn,
• rowspan - łączy komórki pionowo, czyli przez kilka wierszy.

Przykład komórki zajmującej dwa wiersze:

<td rowspan="2">Telefony:</td>

Oznacza to, że napis „Telefony:” będzie widoczny w jednej komórce rozciągniętej pionowo na dwa wiersze.

Jak analizować tabelę na egzaminie?

Najpierw policz wiersze i kolumny. Następnie sprawdź, czy jakaś komórka jest połączona pionowo lub poziomo. Jeśli komórka zajmuje kilka wierszy, szukaj rowspan. Jeśli zajmuje kilka kolumn, szukaj colspan.