în HTML

Tabele HTML 2.0+

Celulă standard de date (table data) într-un tabel HTML.

Sintaxă tag
<td colspan="2">Întins pe 2 coloane</td>
<td rowspan="2">Întins pe 2 rânduri</td>

Ce face <td>

Tagul <td> reprezintă o căsuță individuală de date dintr-un rând de tabel. Textul este aliniat implicit la stânga.

Poate fuziona mai multe căsuțe vecine folosind colspan (pentru unirea coloanelor pe orizontală) sau rowspan (pentru unirea rândurilor pe verticală).

Atribute

Atribut Descriere
colspan Unește celula peste mai multe coloane consecutive.
rowspan Unește celula peste mai multe rânduri consecutive.

Exemple

Exemplul 1: Fuzionarea a două coloane cu colspan

Prima celulă din rândul doi ocupă spațiul a două coloane.

<table border="1">
  <tr>
    <th>Nume</th>
    <th>Prenume</th>
  </tr>
  <tr>
    <td colspan="2">Date confidențiale</td>
  </tr>
</table>

Ce afișează browserul

Nume | Prenume
[ Date confidențiale (ocupă ambele coloane) ]

Greșeli frecvente

  • Calculul greșit al numărului de celule la folosirea colspan sau rowspan, ceea ce duce la deformarea tabelului și celule ieșite în afara chenarului.

Comenzi înrudite

  • <table>: Containerul principal pentru afișarea datelor tabelare structurate pe rânduri și coloane.
  • <tr>: Definește un rând orizontal (table row) în interiorul unui tabel.
  • <th>: Celulă de antet într-un tabel: textul este afișat implicit îngroșat și centrat.