domingo, 31 de mayo de 2009

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

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
    <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>

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

image image

image image

image image

image image

 image

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

Podéis encontrar más información sobre este tema en: Desarrollo Web
ABUNDANCIA y RIQUEZA para TODO Y TODOS por EL BIEN DE TODO Y TODOS
Temas anteriores *
http://bobuu.blogspot.com
73.- HTML - Tablas con títulos
72.- HTML - Tablas <table> <tr> <td>
71.- HTML - Listas anidadas
mas ... acceder al índice de temas ...

soolucionesaviso

No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.