HTML

Si, aunque solo fuera por un momento, pensaste que las listas eran el elemento definitivo en cuanto a forma de ordenar la información, te equivocaste de plano. Esta de aquí abajo sí es la forma definitiva, el modo mas decente y, a veces, la chapuza que te sacará de algún apuro con el formateo.
1. Esto es una celda de una tabla
2. Esto TAMBIÉN es una celda de esta tabla
3. Esto TAMBIÉN es unacelda de la tabla
4. Y esto TAMBIÉN es una celda de esta tabla
Vale, imagino que ahora te haces una idea de qué es una tabla. Por si las moscas, vamos a verlo un poco mas despacio:
La tabla anterior tiene el siguiente código:


1. Esto es una celda de una tabla
2. Esto TAMBIÉN es una celda de esta tabla


3. Esto TAMBIÉN es una celda de la tabla
4. Y esto TAMBIÉN esuna celda de esta tabla


Parece un poco complicado, así que veamoslo más despacio:
El tag que define la tabla es  , toda la tabla debe estar entre estas dos etiquetas, y las opciones que se apliquen aquí tendrán efecto sobre toda la tabla.
Con   defininos cada una de las líneas de la tabla, los atributos que se empleen en este tag tendrá efecto en toda la línea. En resumen, tendremos tantos... como filas tenga la tabla y, como la tabla de arriba tiene dos filas, entonces tiene dos tags ....
Y, por últmo, dentro de cada fila indicamos una celda concreta con las etiquetas  , entre las cuales pondremos lo que queremos que valla en esa celda (Texto en nuestro caso, aunque pueden ser imágenes o cualquier otra cosa).
Esto es lo básico de las tablas, ahora vamos a meternos un poco masen profundidad.

Los principales atributos aplicables al tag son:
align=(valor), que puede valer "left", "right" o "center", y que, como te estás imaginando, alinea toda la tabla a la izquierda, derecha y centro, respectivamente.
bgcolor=(color), esta opción permite elegir el color del fondo de la tabla, para esto se usan los códigos de color que ya conocemos.
border=(tamaño), donde tamaño esel grosor en pixels del borde de la tabla. Si es cero, la tabla no tendrá borde (es la opción por defecto si no usas el atributo border) si no pones nada ( o sea, solo pones "border", sin signo igual),entonces se considera como si fuera "border=1".
width=(ancho), donde (ancho) puede ser un número que representará el ancho de la tabla, o estar en la forma número% (por ejemplo, 50%) que indicaríael ancho en proporción al ancho total de la ventana.
cellspacing=(separación), que indica la separación en pixels que existe entre cada celda.
cellpadding=(separación), no la confundas con la anterior, esta indica la separación entre el borde de la celda y su contenido.
cols=(columnas), especifica el número de columnas de la tabla (no es obligatorio ponerlo, pero se supone que los navegadoresmodernos tardan menos en representar la tabla si lo pones).
Un nuevo atributo para TABLE, que no es soportado por muchos navegadores, es FRAME, que permite decidir la forma en la que se verán los bordes exteriores de la tabla. Su valor puede ser uno de los siguientes:
frame="void" hace que se no muestre el ningún borde lde la tabla.
frame="avove" hace que se muestre solo la línea superior de latabla (igual que con border=0, es la opción por defecto).
frame="below" muestra solo el borde inferior de la tabla.
frame="hsides" hace que se vean los bordes inferior y superior.
frame="vsides" para mostrar solo los bordes derecho e izquierdo.
frame="lhs" solo muestra el lado izquierdo.
frame="rhs" solo muestra el lado derecho.
frame="border" o frame="box" hacen que se vean los cuatro ladosde la tabla.
Otro atributo parecido, pero este dedicado a modificar el aspecto de las líneas de separación entre celdas, es RULES:
rules="none" hace que no aparezcan líneas entre las celdas.
rules="all" para que aparezcan líneas entre todas las celdas.
rules="rows" aparecen solo las líneas horizontales, entre fila y fila.
rules="cols" hace que solo aparezcan las líneas verticales, entre...