Opis

<td> definiuje standardową komórkę w tabeli HTML.

Tabela (tag: <table>) ma dwa rodzaje komórek:
- komórki nagłówka - zawierają informacje nagłówka (tag: <th>)
- standardowe komórki - zawierają dane.

CSS (domyślne ustawienia)
td {
  display: table-cell;
  vertical-align: inherit;
}
Info:
Atrybuty
Atrybut Wartość Opis
colspan number Określa liczbę kolumn, na które powinna rozciągać się komórka. [1]
rowspan number Określa liczbę wierszy, na które powinna rozciągać się komórka. [1]
headers header_id Określa jedną lub więcej komórek nagłówka (poprzez ich id takie jak nazwa header_id), z którymi zwykła komórka jest powiązana. Nie ma efektu wizualnego.

[1]colspan = „0” i rawspan=„0” mają specjalne znaczenie. Informują przeglądarkę aby rozciągnąć komórkę do końca. Np. ostatniej kolumny/wiersza sekcji tabeli (thead, tbody lub tfoot). Nie wszystkie przeglądarki na dziś (15.03.2020) to obsługują - sprawdź.

Przykład

Sformatowana tabela z komórkami z atrybutem 'headers' i colspan:

Imię Telefon
Moje kontakty
Piotr 611 666 777
Kod:
<table class="kolorowa">
  <tr>
    <th id="name">Imię</th>
    <th id="tel">Telefon</th>
  </tr>
  <tr>
    <td colspan=2> Moje kontakty </td>
  </tr>
  <tr>
    <td headers="name">Piotr</td>
    <td headers="tel">666 666 777</td>
  </tr>
</table>