martes, 7 de junio de 2011

74 - HTML - Tablas - Bordes y líneas

Ya nuestras tablas están mas bonitas, pero aún las podemos mejorar.

Con el atributo "border" podemos especificar la anchura en pixeles del marco exterior de la tabla.

El mismo atributo sirve para definir los bordes de los elementos "object" e "img", pero toma diferentes valores.

En caso de no escribirse este atributo, la tabla no tendrá ni líneas de división ni borde exterior.

En el ejemplo diseñaremos una tabla con borde exterior de 7 pixels y los interiores los dejaremos con el valor por defecto.

Código de Ejemplo de una tabla con borde 7 pixels:

<html>
  <head>
    <title>Tabla - con encabezado</title>
  </head>
  <body>
    <table border=7>
      <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>

Representación en el navegador:

Nombre Telefono
Maria 588 588 588
Juan 888 555 444
Abundancia 99 99 99 99

Podéis encontrar más información sobre este tema en: Universidad de Murcia
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