Element <td> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element <td> w HTML

Element <td> służy do tworzenia komórki danych w tabeli HTML. Umieszcza się go wewnątrz wiersza tabeli, czyli elementu <tr>. Cała tabela jest zapisywana w elemencie <table>.

Podstawowa struktura tabeli

<table>
  <tr>
    <td>A1</td>
    <td>B1</td>
    <td>C1</td>
  </tr>
  <tr>
    <td>A2</td>
    <td>B2</td>
    <td>C2</td>
  </tr>
</table>

W powyższym przykładzie tabela ma 2 wiersze i 3 kolumny, więc zawiera 6 znaczników <td>.

Jak obliczyć liczbę komórek <td>?

Jeżeli tabela:
- nie ma wiersza nagłówkowego,
- nie używa złączeń komórek,
- każdy wiersz ma taką samą liczbę kolumn,

to liczba elementów <td> wynosi:

liczba wierszy × liczba kolumn

Dla tabeli o 3 wierszach i 3 kolumnach:

3 × 3 = 9, więc potrzeba maksymalnie 9 znaczników <td>.

<td> a <th>

Element <td> oznacza zwykłą komórkę danych, natomiast <th> oznacza komórkę nagłówkową, np. nazwę kolumny. Jeśli tabela ma wiersz nagłówkowy, zwykle w tym wierszu stosuje się <th>, a nie <td>.

Złączenia komórek

Atrybuty colspan i rowspan pozwalają łączyć komórki. Wtedy liczba faktycznie zapisanych elementów <td> może być mniejsza niż liczba pól widocznych w tabeli.