Per crear una taula en HTML fem servir l’etiqueta <table>. Cada fila de taula es defineix amb l’etiqueta <tr>. L’encapçalament de la taula es defineix amb l’etiqueta <th>. De manera predeterminada, els encapçalaments de taula són en negreta i centrats. Les cel·les de la taula es defineixen amb l’etiqueta <td>. Veiem un exemple:
codi 01
01. <table border="1px" width="150px">
01. <th colspan="3">Títol de la taula</th>
02. <tr height="50px">
03. <td></td>
04. <td></td>
05. <td></td>
06. </tr>
07. <tr height="50px">
08. <td></td>
09. <td></td>
10. <td></td>
11. </tr>
12. <tr height="50px">
13. <td></td>
14. <td></td>
15. <td></td>
16. </tr>
17. </table>
En el codi anterior podem observar la incorporació d’alguns atributs a les etiquetes abans esmentades que modifiquen la manera en que es representa una taula. Repassem Algun d’aquests atributs modifiquen l’alçada de la taula o la fila,
<table width="150px">
l’amplada
<tr height="50px">
i d’altres afecten a la representació de les bores de la taula.
<table border="1px" >
a continuació podeu veure el reusltat que obtindrem d’aplicar els codis i atributs que hem comentat.
| Títol de la taula | ||
|---|---|---|
Atributs Colspan i Rowspan
Per editar taules més complexes, amb cel·les de més d’una columna d’amplada i de cel·les de diverses files d’alçada ens caldrà fer servir els atributs colspan i rowspan respectivament.
Article escrit per Adrian U. i revisat per grigol@xtec.cat