LENGUAJE HTML

Tablas

Las tablas son posiblemente la manera más clara de organizar la información. También es el modo más adecuado de maquetar texto y gráficos de una manera algo más controlada que con los parámetros align.

• La tabla está contenida entre las etiquetas <table> y </table>.
• Cada fila de la tabla está delimitada por <tr> y </tr>
• Cada celda está determinada por las etiquetas <td> y </td>.
• Las etiquetas <th> y </th> sirven para indicar que el texto contenido es la cabecera de la columna. Las cabeceras de la tabla no son obligatorias.
• La etiquetas <caption> y </caption> delimitan el título de la tabla.

No es necesario definir de antemano cuantas filas o columnas tendrá la tabla, basta con colocar tantas celdas como queramos. La distribución de las celdas la ajustaremos con las etiquetas que delimitan las filas.

Una tabla con 2 filas y 3 columnas se declarará así:

<table>    <tr> <td>1,a</td> <td>1,b</td> <td>1,c</td> </tr> 
   <tr> <td>2,a</td> <td>2,b</td> <td>2,c</td> </tr>  </table>

          Los atributos de <table> son:

     border="num"

Especifica el grosor del borde que se dibujará alrededor de las celdas. Por defecto es cero, lo que significa que no dibujará borde alguno.

     cellspacing="num"

Define el número de pixels que separarán las celdas.

     cellpadding="num"

Especifica el número de pixels que habrá entre el borde de una celda y su contenido.

     width="num", "%"

Especifica la anchura de la tabla. Puede estar tanto en pixels como en porcentaje de la anchura total disponible para ella (pondremos "100%" si queremos que ocupe todo el ancho de la ventana del navegador).

     align="..."

Alinea la tabla a izquierda ("left"), derecha ("right") o centro ("center").

     bgcolor="#xxxxxx"

Colorea todo el área de la tabla con el color indicado.

 

 

 

th

Es el elemento con el que crearemos las celdas de encabezado
Sus etiquetas son: <th></th> (la de cierre es opcional ¡úsala de todos modos!)
Sus atributos principales son:

align - alineacion horizontal

valign - alineacion vertical

colspan- número de columnas abarcado por la celda

rowspan- número de filas abarcado por la celda

 

 

td

(table data = datos de tabla)
Es el elemento con el que crearemos las celdas de la tabla.
Sus etiquetas son: <td></td>
Sus atributos principales son:

align --alineación horizontal.

valign --alineación vertical.

colspan-- número de columnas ocupados por la celda.

rowspan-- número de filas ocupados por la celda.

tr

(table row = fila de tabla, renglón de tabla)
Es el elemento que define y delimita las filas de la tabla.
Sus etiquetas son: <tr></tr>
 

 

Cellspacing = Define el espacio entre los bordes (en pixels). 

 

Rowspan = filas que abarca la celda...

Colspan = columnas que abarca la celda.

     Width = longitud [CN]

Este atributo especifica la anchura deseada de la tabla entera y está destinado a agentes de usuario visuales. Cuando el valor es un valor porcentual, el valor es relativo al espacio disponible horizontal del agente de usuario. En ausencia de una especificación de anchura, la anchura de la tabla se determina por el agente de usuario.

 

Border= (que significa borde o margen en inglés) sirve para cambiar el espacio que rodea a una imagen. Para hacerlo se utiliza el atributo border=número, el número indica el espacio de separación medido en pixels. En particular, cuando la imagen es parte de un hiperenlace el borde que se define con este atributo tendrá el mismo color que los hiperenlaces. Este borde de color se puede eliminar danto al atributo BORDER el valor cero.