jueves, 9 de junio de 2011

75 - HTML - Tablas - Bordes y líneas II

Ya hemos visto que podemos indicar los bordes a una tabla, pero además podemos también indicar que lados del marco de la tabla queremos que se vea, según nuestros criterios.

Esto se hace con el atributo "frame". Este atributo nos permite indicar que lados del marco de la tabla queremos que sean visibles.

Los posibles valores son los siguientes:

none : Ningún lado. Este es el valor por defecto
above : Sólo el borde superior
below : Sólo el borde inferior
hsides : Sólo los bordes horizontales
vsides : Sólo los bordes verticales
lhs : Sólo el lado izquierdo
rhs : Sólo el lado derecho
box : Los cuatro lados
border : Los cuatro lados

Código de Ejemplo de una tabla con borde 2 y frame = hsides (solo los bordes horizontales):

<html>

<head>

<title>Tabla - con encabezado</title>

</head>

<body>

frame = hsides (solo bordes horizontales)

<table border="1" frame=hsides>

<tr>

<th>Nombre</th>

<th>Telefono</th>

</tr>

<tr>

<td>Maria</td>

<td>588 588 588</td>

</tr>

<tr>

<td>Juan</td>

<td>888 555 444</td>

</tr>

<tr>

<td>Abundancia</td>

<td>99 99 99 99</td>

</tr>

</table>

</body>

</html>

Programa 57

La representación del código anterior.

clip_image001

Aquí imágenes de cómo se vería en el navegador para los diferentes valores de frame:

clip_image002clip_image003 clip_image004clip_image005 clip_image006clip_image007

clip_image008clip_image009 clip_image010

Para obtener estos resultados solo debemos cambiar el valor de frame en el código de ejemplo.

No hay comentarios:

Publicar un comentario