APRENDER A USAR HTML (parte IV)
3. Un poco más alla de la tabla básica

Alineando la tabla y sus datos

_¿Otra vez el atributo ALIGN?.
_ Sí, otra vez.

<TABLE ALIGN= "RIGHT", "LEFT", "CENTER" > Alinea Toda la tabla
<TD ALIGN= Los elementos de esa única celda
<TR ALIGN= Todos los elementos en las celdas

Pero tambien se puede alinear el contenido de una tabla en sentido vertical ¿Para qué? Bueno, no es lo mismo esto:

BLA BLA BLA BLA BLA BLA BLA ........................

 

 

SHUP SHUP SHUP !!!

LLUEVE SOBRE MOJADO

Que esto:

BLA BLA BLA BLA BLA BLA BLA ........................

SHUP SHUP SHUP !!!

 

 

LLUEVE SOBRE MOJADO

¿Entonces?

El atributo VALIGN=TOP Empuja todo el contenido de la celda hacia arriba
El atributo VALIGN=BOTTOM Empuja todo el contenido de la celda hacia abajo
El atributo VALIGN=MIDDLE Centra en forma vertical todo el contenido de la celda

Una cuestión de espacio

Ahora que creamos nuestra tabla, le pusimos título y borde, dividimos las celdas para adecuarla a nuestro contenido y la alineamos en la hoja, llegó el momento de ajustar el espacio de las celdas. Para eso utilizaremos los atributos CELLSPACING y CELLPADDING dentro de la etqueta <TABLE>. CELLSPACING indica el espacio existente entre las distintas celdas de la tabla, mientras que CELLPADDING indica la cantidad de espacio entre el borde de la celda y su contenido.

Veamos:

AAA BBB
CCC DDD

Es decir:

Si el efecto buscado es:

AAA BBB
CCC DDD

Entonces:

NOTA: Si se omite el cualquiera de estos atributos, el navegador dará por supuesto que el valor asignado es dos, por lo tanto si se quieren ajustar lo más posible los contenidos a la tabla hay que especificar CELLPADDING=0 y CELLSPACING=0

• 4. Jugando con tamaños y colores

Guía de lectura
• Introducción
• 1. Los tres elementos básicos
• 2. Sobre bordes, títulos y otros atributos

TEMAS RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial de Flash 5
Editores de páginas web fáciles y gratuitos

Todo para tu sitio