Manualtablas En Html

Tablas en HTML
Vemos lo que son las tablas, para que sirven y en qué casos podemos utilizarlas. Vemos la tabla más simple posible.

Una tabla en un conjunto de celdas organizadas dentro de las cuales podemos alojar distintos contenidos.

En un principio nos podría parecer que las tablas son raramente útiles y que pueden ser utilizadas principalmente para listar datos como agendas, resultadosy otros datos de una forma organizada. Nada más lejos de la realidad.

Hoy, gran parte de los diseñadores de páginas basan su maquetación en este tipo de artilugios. En efecto, una tabla nos permite organizar y distribuir los espacios de la manera más optima. Nos puede ayudar a generar texto en columnas como los periódicos, prefijar los tamaños ocupados por distintas secciones de la página oponer de una manera sencilla un pie de foto a una imagen.

Puede que en un principio nos resulte un poco complicado trabajar con estas estructuras pero, si deseamos crear una página de calidad, tarde o temprano tendremos que vérnoslas con ellas y nos daremos cuenta de las posibilidades nos ofrecen.

Para empezar, nada más sencillo que por el principio: las tablas son definidas por las etiquetasy .

Dentro de estas dos etiquetas colocaremos todas las otras etiquetas, textos e imágenes que darán forma y contenido a la tabla.

Las tablas son descritas por líneas de izquierda a derecha. Cada una de estas líneas es definida por otra etiqueta y su cierre: y

Asimismo, dentro de cada línea, habrá diferentes celdas. Cada una de estas celdas será definida por otro par de etiquetas: y .Dentro de estas etiquetas será donde coloquemos nuestro contenido.

Aquí tenéis un ejemplo de estructura de tabla:



Celda 1, linea 1
Celda 2, linea 1


Celda 1, linea 2
Celda 2, linea 2



El resultado:

|Celda 1, linea 1 |Celda 2, linea 1 |
|Celda 1, linea 2 |Celda 2, linea 2 |

|Nota: Hasta aquí hemos visto todas las etiquetas quenecesitamos conocer para crear tablas. Existen otras |
|etiquetas, pero lo que podemos conseguir con éllas se puede conseguir también usando las que hemos visto. |
| |
|Por poner un ejemplo, señalamos la etiqueta , que sirve para crear una celda cuyo contenido estéformatedo como|
|un título o cabecera de la tabla. En la práctica, lo que hace es poner en negrita y centrado el contenido de esa |
|celda, lo que se puede conseguir aplicando las correspondientes etiquetas dentro de la celda. Así: |
|contenido de la celda. |

A partir de esta idea simple y sencilla, las tablasadquieren otra magnitud cuando les incorporamos toda una batería de atributos aplicados sobre cada tipo de etiquetas que las componen. A lo largo de los siguientes capítulos nos adentraremos en el estudio de estos atributos de manera a proporcionaros los útiles indispensables para una buena puesta en página.

Tablas en HTML. Atributos para filas y celdas.

Continuamos con las tablas. Vemos losatributos que podemos colocar en las filas y las celdas.

Hemos visto en el capitulo anterior que las tablas están compuestas de líneas que, a su vez, contienen celdas. Las celdas son delimitadas por las etiquetas o por las etiquetas (si queremos texto en negrita y centrado) y constituyen un entorno independiente del resto del documento. Esto quiere decir que:

• Podemos usar prácticamentecualquier tipo de etiqueta dentro de la etiqueta para, de esta forma, dar forma a su contenido.
• Las etiquetas situadas en el interior de la celda no modifican el resto del documento.
• Las etiquetas de fuera de la celda no son tenidas en cuenta por ésta.
Así pues, podemos especificar el formato de nuestras celdas a partir de etiquetas introducidas en su interior o mediante atributos...