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 a al izquierda.
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>Teléfono</th>
</tr>
<tr>
<td align="left">izquierda</td>
<td align="right">derecha</td>
</tr>
<tr>
<td align="center">Centrado</td>
<td align="justify">este texto está justificado</td>
</tr>
<tr>
<td align="right">derecha</td>
<td align="left">izquierda</td>
</tr>
</table>
</body>
</html>
Programa 61
Representación del código en el explorador.
| Nombre | Teléfono |
| izquierda | derecha |
| Centrado | este texto está justificado |
| derecha | izquierda |
No hay comentarios:
Publicar un comentario