APRENDER A USAR HTML (parte IV)
2. Sobre bordes, títulos y otros atributos

El atributo BORDER es sencillo y funciona igual que con las imágenes, es decir BORDER=#, donde "#" es un número de 0 a 99. En rigor, el atributo indica que las tablas deben ser dibujadas con un borde alrededor y entre cada una de las celdas de la tabla. Si no se incluye el atributo, las tablas se dibujan sin borde. Una tabla sin borde es una herramienta interesante, ya que es posible provocar el efecto de una información "que flota".

Ejemplo de tabla sin borde:

Resultado:

CELDA 1 CELDA 2 CELDA 3 CELDA 4
CELDA 5 CELDA 6 CELDA 7 CELDA 8

 

Si quiero hacer la misma tabla pero con un borde 15, sólo debo incluir el atributo BORDER en la etiqueta <TABLE>, es decir <TABLE BORDER=15>



Resultado:

CELDA 1 CELDA 2 CELDA 3 CELDA 4
CELDA 5 CELDA 6 CELDA 7 CELDA 8

 

... títulos...

La etiqueta para poner título a una tabla es <CAPTION> </CAPTION>. Puede ir acompañada del atributo ALIGN (el mismo que usamos para alinear párrafos e imágenes y que a esta altura ya conocemos de sobra). La posiciones posibles son: "TOP" (arriba), "BOTTOM" (abajo), "CENTER" (centro), "LEFT" (izquierda) y "RIGHT" (derecha).

Ejemplo:

 

Resultado:

TÍTULO DE LA TABLA
CELDA 1 CELDA 2 CELDA 3 CELDA 4
CELDA 5 CELDA 6 CELDA 7 CELDA 8

 

Si quiero ubicar la denomincación de la tabla en la parte inferior, sólo debo escribir <CAPTION ALIGN=BOTTOM > TÍTULO DE LA TABLA </CAPTION>

Resultado:

TÍTULO DE LA TABLA
CELDA 1 CELDA 2 CELDA 3 CELDA 4
CELDA 5 CELDA 6 CELDA 7 CELDA 8

 

... y otros atributos

Uniendo celdas y columnas

Pero la idea esencial es crear tablas para el contenido y no que el contenido se adapte a las tablas. Por eso puede ocurrir que no sean necesarias tablas perfectamente "cuadradas". Para eso habrá que utilizar los atributos COLSPAN y ROWSPAN. Estos permiten que una celda ocupe el espacio de varias, ya sea para arriba o para los costados. COLSPAN indica cuantas columnas ocupará la celda, mientras que ROWSPAN indica cuantas filas hacia abajo ocupará la celda.

Ejemplo:

Lista de mis libros favoritos
Retrato de un artista adolescente El señor de los anillos

 

Si el efecto buscado es:

Libros por autor
Salinger J.D. El cazador oculto
9 cuentos
Hapsworth

Entonces:

• 3. Un poco más allá de la tabla básica

Guía de lectura
• Introducción
• 1. Los tres elementos básicos

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