19. Taules de dades

`` <bable> </bable>`
Etiqueta de taula.
`` <sad> </sad>`
Etiqueta l’encapçalament d’una taula. Es troba a la primera fila d’una taula.
`` <str> </r>`
Etiqueta una fila dins d’una taula.
`` <th> </th>`
Etiqueta cadascun dels elements d'una capçalera de taula.
`` <body> </body>`
Cos d’una taula, on es troba el contingut de la taula. Permet separar la capçalera del contingut.
`` <td> </td>`
Etiqueta un element d’una taula. Ha d’estar dins d’una fila.
`` <!-Comentari-> ''
Etiqueta per incloure un comentari dins del codi HTML. Els comentaris serveixen per explicar el codi HTML, però no es mostraran al lloc web.

Codi de taula senzill

_images/html-table1-html.png

Taula de dades sense cap.

<table border="1">
   <tbody>
      <tr>
         <td>Uno</td>  <td> 1 </td>
      </tr>
      <tr>
         <td>Dos</td>  <td> 2 </td>
      </tr>
   </tbody>
</table>

Resultat

_images/html-table1-web.png

Codi d'una taula amb capçalera

_images/html-table2-html.png

Plantilla de taula de dades.

<table border="1">
   <thead>
      <tr>
         <th>Columna 1</th>  <th>Columna 2</th>
      </tr>
   </thead>

   <tbody>
      <tr>
         <td>Uno</td>  <td> 1 </td>
      </tr>
      <tr>
         <td>Dos</td>  <td> 2 </td>
      </tr>
   </tbody>
</table>

Resultat

_images/html-table2-web.png