Alineación de celdas en HTML

Alineación de celdas

Una vez colocadas las celdas, hay que alinear los datos dentro de cada celda. Así, dentro de cada etiqueta de celda podemos encontrar:

– El atributo align= define horizontalmente los datos al margen izquierdo (left), al derecho (right) o centrado (center).

– El atributo valign= define verticalmente los datos en la parte superior (top), en la parte inferior (bottom) o centrado (middle).

Celdas extendidas

Para crear una celda que abarque varias filas o columnas, debemos colocar en las etiquetas

o

los atributos:

– rowspan = más un valor para indicar el número de filas que se quiere abarcar.

– colspan = más un valor para indicar el número de columnas que se quiere abarcar.

Si opta por poner celdas extendidas en su presentación web, la cosa se complica bastante.

Nuestra recomendación: Coja lápiz y papel y dibuje la tabla con todas las filas y columnas que se quieren formar porque así tendrá mucho más claro los valores que debe asignar a los atributos rowspan y colspan y las etiquetas a las que hay que asignarlos.

Espaciado

Podemos modificar el aspecto de la tabla cambiando el ancho de los bordes, el espaciado entre celdas y el ancho de las mismas.

– width = Acompaña a

y especifica el ancho de la tabla, tanto en número de pixeles como en porcentaje respecto al ancho de la pantalla. También puede acompañar a las tags

o < td > para especificar el ancho de las columnas.

– Border = Anteriormente, ya hemos hablado de este atributo. Ahora le diremos que puede darle un valor que indicará el ancho del borde en pixeles.

Border=»0″ indicaría la ausencia de borde

– Cellspacing = Suele acompañar a la tag

. Indica el número de pixeles que separan cada celda. El valor predeterminado suele ser 2.

– Cellpadding = También acompaña a la tag

. Indica el espacio en pixeles entre el borde de la celda y su contenido. El valor predeterminado suele ser 1.

Fuente: Apuntes de Bases del Diseño de Páginas Web de la U de Londres