sábado, 4 de abril de 2020

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 *
https://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 ...