Unidad 6. Tablas (VIII)

6.8. Rótulo de la tabla. Etiqueta <caption>

Con la etiqueta <caption> podemos crear un rótulo o título de la tabla. Esta etiqueta ha de escribirse después de la etiqueta <table>. Por defecto, el rótulo se coloca encima de la tabla y centrado.

Por ejemplo, <caption>Ventas de coches</caption> produce este resultado:

6.9. Anchura

Para definir la anchura de las columnas de una tabla podemos utilizar estilos CSS, por ejemplo, para la siguiente tabla definimos estilos para las celdas:

<table>

<tr>

<td class="menu">

<div >menú</div>

</td>

<td class="contenido">

<div >contenido</div> 

</td>

<td class="lateral">

<div >lateral</div> 

</td>

</tr>

</table> 

Y con esta hoja de estilos les damos formato, anchura y color de fondo.

table {

width: 100%;

}

td.menu {

width: 25%; 

background-color: lightyellow;

}

td.contenido {

width: 50%;

background-color: beige;

}

td.lateral {

width: 25%;

background-color: bisque;

}

Produce el siguiente resultado:

Para practicar lo aprendido realiza el ejercicio Formato de tablas

Ejercicio propuesto de la Unidad 6

Prueba evaluativa de la Unidad 6

 Cursos Informática Gratuitos