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:

Ventas de coches
Marcas Seat Ford BMW
2016 23900 21500 11500
2017 24600 23500 13400

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 colo 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:


contenido
lateral

Para practicar lo aprendido realiza el ejercicio Formato de tablas

• Ejercicio propuesto de la Unidad 6 • Prueba evaluativa de la Unidad 6

Enero-2019 (V 2.01)
Pág. 6.8
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.