HTML: Tablas

Además de las listas, otro elemento para ordenar una página Web son las tablas. La mayoría de las páginas Web antiguamente basaban su diseño en tablas, ya que eran de gran utilidad en su diseño. En las páginas Web todos los objetos se alinean por defecto a la izquierda, pero el uso de tablas permite distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizarse. El HTML básico para utilizar tablas se compone de las siguientes etiquetas:

• <table> y </table> que se utiliza para crear una tabla.
• <tr> y </tr> que identifica el principio de una fila en una tabla.
• <td> y </td> que identifica una celda dentro de una fila. Las celdas, son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.
  
  

  

Para las etiquetas <td> y <th> existen los atributos "colspan" y "rowspan", que se utilizan para combinar celdas. A través del atributo colspan se especifica el número de columnas que serán combinadas, y a través del atributo rowspan se especifica el número de filas que se combinarán, que por defecto siempre será una. Veamos un simple ejemplo con el atributo "colspan"

Un resumen dentro de una tabla de los atributos que podemos usar:

Atributo	Significado	Valores
width	Ancho de la tabla	Número de pixels, o un % cuando se desee ajustar al ancho de la ventana
height	Espacio entre el contenido de las celdas y el borde	Número de pixels, o un % cuando se desee ajustar al ancho de la ventana
cellpadding	Espacio entre el contenido de las celdas y el borde	Número de pixels
cellspacing	Espacio entre celdas	Número de pixels
border	Espesor del borde	Número de pixels
align	Alineación de la tabla dentro de la página	Left    (izquierda) Right   (derecha) Center   (centro)
bgcolor	Color de fondo	Número hexadecimal o nombre del color
background	Imagen de fondo	Uso de <img> con src
bordercolor	Color del borde	Número hexadecimal o nombre del color.