|
|
Código de Alineamiento de Tabla
|
|
Tema |
Como alinear la tabla.
Como posicionar texto dentro de las filas y columnas.
|
|
Explicación |
Alineamiento de tabla
Las Tablas pueden ser alineadas como izquierda / derecha / centro usando el atributo "alinear" dentro de la etiqueta de la tabla.
Código:
<table border=1 bgcolor="green" width=300 height=100 align=center>
<tr height=30>
<td>
HAI
</td>
<td>
Hola
</td>
</tr>
<tr height=70>
<td>
Alineamiento de Tabla
</td>
<td background="./test.jpg">
Esto es 2da fila 2da columna
<br><br>
Hermoso Fondo
</td>
</tr>
</table>
Resulta:
| HAI | Hola |
| Alineamiento de Tabla |
Esto es 2da fila 2da columna
Hermoso Fondo |
Alineando Contenidos (texto) en columnas
El contenido (texto, imagen, etc.) dentro de las columnas puede ser alineado horizontalmente usando el atributo "align
El contenido (texto, imagen, etc) dentro de las columnas puede ser alineado verticalmente usando el tag attribute "valign"
ALIGN puede contener los valores: izquierda / derecha / centro
VALIGN puede contener los valores: Arriba / abajo / centro
Código:
<table border=1 bgcolor="green" width=80% height=30%ALIGN=center>
<tr height=20%>
<td align=center>
centro
</td>
<td align=right>
derecha
</td>
</tr>
<tr height=70% >
<td valign=top>
Arriba
</td>
<td valign=bottom align=right background="./test.jpg">
Pie
<br><br>
</td>
</tr>
</table>
Resulta:
| centro | derecha |
| arriba | Derecha Pie |
|
privacy policy
license
© 2004-2005 HIOX INDIA - hioxindia.com
|
|
|
|
|
|
