Si queremos asignar un titulo a la tabla utilizamos la etiqueta <caption>. Esta etiqueta requiere un inicio <caption> y un fin </caption>.
Solo puede incluirse un elemento <caption> por tabla y va inmediatamente después de la etiqueta inicial de la tabla.
Debe tratarse siempre de que el titulo sea descriptivo al contenido de la tabla para que sea eficaz.
Este titulo puede ser “formateado” con las etiquetas normales de ‘negrita’, ‘cursiva’, etc., también se puede alinear a derecha, izquierda, centro, etc.
Código de Ejemplo aplicando las características vistas anteriormente:
<html>
<head>
<title>Uso de la etiqueta “caption”</title>
</head>
<body>
<table width="100" height="50" border="1" bordercolorlight="red" bordercolordark="maroon" cellspacing="50" cellpadding="50%" >
<caption>Tabla de ejemplo</caption>
<tr>
<th width="20%" >Nombre</th>
<th width="20%" >Telefono</th>
<th width="20%" >Otros</th>
<th width="20%">Comentarios</th>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="20%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="10%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="20%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
</table>
</body>
</html>
Puedes probar el código haciendo copiar y pegar. Si tienes guardado el código de la lección anterior solo debes agregar estos nuevos atributos para probarlo.
Temas anteriores de curso HTML gratis
85 - HTML - Tablas - Atributos “bgcolor y backgroundwidth”
84 - HTML - Tablas - Atributos “width y height”
83 - HTML - Tablas - Atributos “cellspacing” y “cellpadding”
mas ... acceder al índice de temas ...
Otros Links:
Piso en Garrucha - Almería € 110.000
Ático en Vera Playa - Almería € 303.500
Ático en Vera Playa - Almería € 300 (Alq.Anual)
No hay comentarios:
Publicar un comentario
Gracias por tu comentario, en un maximo de 48 horas sera publicado.