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 ...
No hay comentarios:
Publicar un comentario
Gracias por tu comentario, en un maximo de 48 horas sera publicado.