TEMA_III

LENGUAJE DE MARCAS
UD 2: Utilización del lenguaje de marca HTML

1º DAW

TEMA III
Tablas en HTML
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, resultados y otros datos de
una forma organizada.Nada más lejos de la realidad.
Hoy, gran parte de los diseñadotes 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 o poner
de una manera sencilla un pié de foto auna 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 que nos
ofrecen.
Para empezar, nada más sencillo que por el principio: las tablas son definidas por las
etiquetas y .
Dentro de estas dosetiquetas 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 estasetiquetas será
donde coloquemos nuestro contenido.
Aquí tenéis un ejemplo de estructura de tabla:








46

LENGUAJE DE MARCAS
UD 2: Utilización del lenguaje de marca HTML

1º DAW

Celda 1, línea 1	Celda 2, línea 1
Celda 1, línea 2	Celda 2, línea 2

El resultado:
Celda 1, línea 1 Celda 2, línea 1
Celda 1, línea 2 Celda 2, línea 2Nota: Hasta aquí hemos visto todas las etiquetas que necesitamos conocer para crear tablas. Existen otras
etiquetas, pero lo que podemos conseguir con ellas 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é formateado
como un título o cabecera de la tabla. En la práctica, lo que hace es poneren 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 tablas adquieren otra magnitud cuando les
incorporamos toda una batería de atributos aplicados sobre cada tipo de etiquetas que las
componen.
Tablas en HTML.Atributos para filas y celdas.
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ácticamente cualquier tipo de etiqueta dentro de la etiqueta
para, de estamanera, 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 colocados dentro de la etiqueta de celda
o bien, en algunos casos,dentro de la etiqueta , si deseamos que el atributo sea
válido para toda la línea. La forma más útil y actual de dar forma a las celdas es a partir de
las hojas de estilo en cascada que ya veremos más adelante.
•

Veamos a continuación algunos atributos útiles para la construcción de nuestras tablas.
Empecemos viendo atributos que nos permiten modificar una celda en concreto o toda una
línea:...