Tablas En Html

Tablas en HTML
Introducción a las tablas
Las tablas son una de las herramientas más útiles de que disponemos en HTML, ya que nos van a permitir en cierto modo "maquetar" nuestro documento, ayudándonos a situar dentro del mismo los diferentes elementos que lo componen, siendo esta la única forma coherente que había antes de la introducción de las Hojas de Estilo y de las etiquetas.
Es poresta facilidad a la hora de organizar con tablas nuestras páginas el que el 99% de las que veamos en Internet las usen, aunque muchas veces no las veamos directamente porque están "ocultas".
Pero no todo es coser y cantar a la hora de trabajar con tablas, ya que a veces actúan un poco "a su aire", por lo que podemos llegar a desesperarnos al pasar varias horas intentando que una tabla se comportecomo nosotros queremos. Esto es debido a que en el origen del lenguaje HTML las tablas fueron diseñadas por científicos de las universidades para contener y organizar información, no como una ayuda para el diseño gráfico de la página, ya que en esa época el lenguaje y las páginas web se concebían como una forma de transmitir texto plano, en monitores monocromos y de poca resolución, y no fué hastael posterior desarrollo de Internet, de la WWW y de la tecnología de ordenadores personales avanzados cuando se empezó a tener en cuenta la importancia del diseño visual de una página web como un medio global para transmitir no solo texto plano, si no tambien contenidos gráficos y multimedia.
Para solucionar estas carencias hace falta conocer bien todas las etiquetas y atributos de quedisponemos para la creación de tablas, así como unos cuantos truquillos que veremos más en el desarrollo de este capítulo.
Estructura de una tabla
Las tablas están formadas por filas, columnas y celdas. Cada espacio horizontal continuado es una fila y cada espacio vertical continuado esuna columna, definiéndose una celda como el espacio formado por la intersección de una fila y una columna.
columna1 columna 2 columna 3
fila 1 celda(1,1) celda(1,2) celda(1,2)
celda(2,1) celda(2,2) celda(2,3)
celda(3,1) celda(3,2) celda(3,3)

fila 2
fila 3
Lo primero que tenemos que hacer cuando queremos introducir una tabla es decirle al navegador dónde empieza y dónde acaba esta; esto se consigue mediante la etiqueta de inicio y su correspondiente de cierre .
Seguidamente debemosdecirle cuantas filas vamos a tener en nuestra tabla, cosa que hacemos con las etiqueta de inicio de fila > y su correspondiente de cierre de fila, por lo que deberenos insertar una pareja de etiquetas por cada fila que queramos que tenga la tabla.
Por último, dentro de cada fila deberemos indicar cuantas celdas va a haber, que inicialmente deben corresponderse con el número de columnas quedeseemos tenga la tabla. Esto se consigue mediante las parejas de etiquetas y .
De esta forma, y siguiendo con nuestra tabla inicial de Ejemplo , el esquema de etiquetas sería el siguiente:

... ... ...
... ... ...
... ... ...




Este es el esquema general de toda tabla simple, que traducido a código HTML quedaría de la forma:


celda(1,1)celda(1,2)
celda(1,3)


celda(2,1)
celda(2,2)
celda(2,3)


celda(3,1)
celda(3,2)
celda(3,3)


La cantidad de celdas debe ser el mismo en cada uno de las filas, para que la tabla tenga la misma cantidad de columnas. Se debe definir la cantidad de columnas que va a tener la tabla mediante el número deceldas que definamos en la primera fila.
La visualización de una tabla se genera automáticamente a partir de las filas y las columnas definidas. Sin embargo para un navegador no es fácil interpretar a tiempo como debe aparecer la tabla. Primero tiene que leer la tabla completa antes de poder visualizar alguna cosa. En caso de tablas muy grandes eso puede conducir a que en la pantalla aparecen...