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 – Atributos de celdas</title>
</head>
<body>
<table width=30%" border="1" bordercolorlight="red" bordercolordark="maroon" >
<tr>
<th>Nombre</th>
<th>Telefono</th>
<th>Otros</th>
<th>Comentarios</th>
</tr>
<tr>
<td background="http://bit.ly/66iVj1">celda con imagen utilizando - background -</td>
<td bgcolor="yellow">celda con color utilizando bgcolor</td>
<td>normal</td>
<td>celda normal</td>
</tr>
<tr>
<td width="80%"> celda con width 80%</td>
<td height="80%">celda con height 80%</td>
<td>normal</td>
<td>celda normal</td>
</tr>
</table>
</body>
</html>
Representación del código en el explorador.
Nombre | Telefono | 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 |
* Notas: he probado el código en I.Explorer, Chrome y Mozilla, y todos han hecho caso omiso a los atributos “height y “width”.
Temas anteriores de curso HTML gratis
80.- HTML - Tablas-Celdas-Alineación Vertical "valign"
79.- HTML - Tablas - Formato de celdas
78.- HTML - Tablas, personalización de las celdas
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.