Para las tablas nos encontramos un contenedor principal <table> que englobara toda la tabla.
Dentro de <table> encontramos tres etiquetas principales:
<tr>=Representa a las filas que contendran las celdas.
<td>=Representando las celdas.
<th>=Para las celdas que son encabezados, el escrito que habrá en estas celdas estara en negrita
Otras etiquetas importantes son:
<colspan>=Para unir horizontalmente.
<rowspan>=Para unir verticalmente.
<caption>=Que es un título para la tabla.
La estructura que se debe seguir para crear una tabla es la siguiente:
<table>
<caption>Tabla de ejemplo</caption>
<tr></table>
<th colspan="2">Cabecera 1</th>
<th>Cabecera 2</th>
<th>Cabecera 3</th>
<th>Cabecera 4</th>
</tr>
<tr>
<td colspan="2">Texto 1</td>
<td>Texto 2</td>
<td>Texto 3</td>
<td>Texto 4</td>
</tr>
<tr>
<td colspan="2">Texto 5</th>
<td>Texto 6</th>
<td>Texto 7</th>
<td>Texto 8</th>
</tr>
Cabecera 1 | Cabecera 2 | Cabecera 3 | Cabecera 4 | |
---|---|---|---|---|
Texto 1 | Texto 2 | Texto 3 | Texto 4 | |
Texto 5 | Texto 6 | Texto 7 | Texto 8 |