lunes, 20 de julio de 2009

79.- HTML - Tablas - Formato de celdas <align>

El contenido de las celdas también puede ser alineado.

Para la alineación de los contenidos de las celdas utilizamos el atributo align al cual podemos aplicarle los siguientes posibles valores:

left: Alinea los datos.

center: Muestra los datos centrados. Texto con justificación centrada. Este es el valor por defecto para los encabezados de las tablas

right: Datos alineados a la derecha.

justify: Ajusta el texto a derecha e izquierda

char: Alinea el texto alrededor de un carácter específico. Para el caso de que el navegador soporte esta opción.


Código de Ejemplo de una tabla con el texto de las celdas en diferentes alineaciones.

<html>
  <head>
    <title>Tabla - Fondos de celda</title>
  </head>
  <body>
       <table width=30%" border="1" 

bordercolorlight="red"

bordercolordark="maroon" >
      <tr>
         <th>Nombre</th>
         <th>Telefono</th>
      </tr>
      <tr>
         <td align="left">izquierda</td>
         <td align="right">derecha</td>
      </tr>
      <tr>
         <td align="center">Centrado</td>
         <td align="justify">justificado</td>
      </tr>
      <tr>
         <td align="right">derecha</td>
         <td align="left">izquierda</td>
      </tr>
   </table>
  </body>
</html>

Representación del código en el explorador.

Nombre Telefono
izquierda derecha
Centrado justificado
derecha izquierda

* Nota: no he visto el efecto de "justify" en Chrome ni en IE.
Temas anteriores *
http://bobuu.blogspot.com
77.- HTML - Tablas - Colores de Líneas y bordes.
76.- HTML - Tablas - Líneas y bordes interiores.
75.- HTML - Tablas - Bordes y líneas
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.