Como ya hemos dicho las celdas también pueden personalizarse al igual que las tablas. Las modificaciones marcadas para las celdas tienen preferencia sobre las características que se han definido para la tabla.
Estas características se pueden definir mediante los siguientes atributos:
background : Permite insertar una imagen de fondo en la celda mediante el URI del recurso.
bgcolor : Especifica el color de fondo a la celda mediante el nombre del color o el valor sRGB.
width : Es el ancho recomendado (en píxeles o en valor porcentual). Hay que tener en cuenta que si el contenido necesita mayor tamaño, el valor de este atributo no se respetara.
height : Es la altura recomendada (en píxeles o en valor porcentual). Al igual que ocurre con ´width´, Si el contenido necesita de mayor tamaño, el valor de este atributo no se respeta.
Código de Ejemplo aplicando las características vistas anteriormente:
<html>
<head>
<title>Tabla - Alineación vertical de celdas</title>
</head>
<body>
<table width=30%" border="1" bordercolorlight="red"
bordercolordark="maroon" >
<tr>
<th>Nombre</th>
<th>Teléfono</th>
<th>Otros</th>
<th>Comentarios</th>
</tr>
<tr>
<td valign="top">arriba - top</td>
<td valign="middle">medio-middle</td>
<td valign="bottom">abajo-bottom</td>
<td>esta celda es solo para lograr que se vea bien representada la alineación de las tres primeras celdas</td>
</tr>
<tr valign="baseline">
<td>celdas</td>
<td>con</td>
<td>"baseline"</td>
<td>esta celda es solo para lograr que se vea bien representada la alineación de las tres primeras celdas</td>
</tr>
</table>
</body>
</html>
Programa 63
Representación del código en el explorador:
| Nombre | Teléfono | Otros | Comentarios |
| celda con imagen utilizando - background - | celda con color utilizando bgcolor | normal | celda normal |
| celda con width 80% | celda con height 80% | normal | celda normal |
No hay comentarios:
Publicar un comentario