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
– 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
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 |
---|