Si queremos asignar un título 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 título 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>
Programa 69
Uso del atributo "caption"
No hay comentarios:
Publicar un comentario