Omet navegació

12.1. Estructura bàsica d'una taula

Les taules es defineixen amb les etiquetes HTML <table></table>. S'hi engloben altres etiquetes per donar format a la taula, les quals anirem ampliant:
<tbody></tbody> (indica l’obertura i el tancament del cos de la taula)
<tr></tr> (indica l’obertura i el tancament d’una fila de la taula)
<td></td> (indica l’obertura i el tancament d’una cel·la de la taula)

Exemple visual del codi

<table>
<tbody>

<tr> <td>A</td> <td>B</td> <td>C</td> </tr>
<tr> <td>D</td> <td>E</td> <td>F</td> </tr>
<tr> <td>G</td> <td>H</td> <td>I</td> </tr>

</tbody>
</table>

 IMPORTANT: quan visualitzeu el document en el navegador, a la taula, només veureu el text de color verd.

Codi HTML
<table>
<tbody>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
<tr>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</tbody>
</table>
Visualitzat en el navegador

A B C
D E F
G H I

IMPORTANT: fixau-vos que, com que no hem donat cap mida a la taula, s'adapta al contingut. Igualment, com que no hem especificat cap vorera, no es veuen les separacions entre cel·les.

Creat amb eXeLearning (Finestra nova)