Location: Inicio > Tutoriales HTML > Tablas en HTML > Tablas en HTML (página 5)

Tablas en HTML (página 5)

Tabla de contenidos

Páginas:<1 2 3 45

El título de una tabla

El título de una tabla, definido mediante el elemento HTML caption, debería describir breve y precisamente el contenido y la naturaleza de la tabla y es habitualmente representado en algún lugar cercano a la tabla (su posición puede ser establecida usando hojas de estilo). Recuerda que el elemento HTML caption solo está permitido si va justo después del tag de apertura de la tabla.

Código

<table>
<caption>Título de la tabla</caption>
<tr>
<td>Contenido 1</td>
<td>Contenido 2</td>
<td>Contenido 3</td>
</tr>
<tr>
<td>Contenido 4</td>
<td>Contenido 5</td>
<td>Contenido 6</td>
</tr>
</table>

Vista

Título de la tabla
Contenido 1	Contenido 2	Contenido 3
Contenido 4	Contenido 5	Contenido 6

Sumarios

También puedes agregar unformación acerca del contenido y la naturaleza de la tabla usando el atributo "summary", el cual debe ser definido en el tag HTML table. El valor de este atributo está pensado para describir la tabla en una forma más larga que el título, ayudando a mejor el entendimiento del contenido de la misma.

Código

<table summary="Esta tabla muestra la temperatura media en los meses de Junio, Julio y Agosto en la ciudad de Londres">
<caption>Gráfico de temperatura de Londres</caption>
<tr>
<th scope="col">Junio</th>
<th scope="col">Julio</th>
<th scope="col">Agosto</th>
</tr>
<tr>
<td>60ºF</td>
<td>65ºF</td>
<td>62ºF</td>
</tr>
</table>

Vista

Gráfico de temperatura de Londres
Junio	Julio	Agosto
60ºF	65ºF	62ºF

Páginas:<1 2 3 45

Próximo tutorial: Formularios en HTML