ARMANDO UNA WEB CON HTML IV


Bueno, otra vez me pongo a escribir sobre HTML, quiero agradecer a quienes me dijeron que les interesaba este curso, eso me da ánimos para seguir escribiendolo.
Bueno, pasemos a lo nuestro.

TABLAS

Las tablas van entre la etiquetas <TABLE> y </TABLE>, los registros dentro de la tabla, entre <TR> y </TR>, y las celdas entre <TD> y </TD>.
Para poner un ejemplo de tabla, veamos lo siguiente:

<TABLE BORDER=1>
<TR>
<TD>NOMBRE DEL SITIO</TD><TD>IngweSoft</TD>
</TR>
<TR>
<TD>URL</TD><TD><A HREF="http://ingwesoft.tripod.com.ar>http://ingwesoft.tripod.com.ar"</A></TD>
</TR>
<TR>
<TD>E-Mail</TD>
<TD><A HREF="mailto:ingwesoft@yahoo.com.ar">ingwesoft@yahoo.com.ar</A></TD>
</TR>
</TABLE>

Esto quedaría de la siguiente manera:

NOMBRE DEL SITIOIngweSoft
URLhttp://ingwesoft.tripod.com.ar
E-Mail ingwesoft@yahoo.com.ar

El parámetro BORDER que le pasé a la etiqueta indica el ancho de los bordes de la tabla, este parámetro pordefecto es 0, o sea, no marca los bordes.

Existen otros parámetros aparte de BORDER que se le puede dar a la etiqueta <TABLE>:

PARAMETROEFECTO
ALIGNSi pongo LEFT, alinea a la tabla a la izquierda, poniendo RIGHT, la alinea a la derecha y con CENTER la centra.
WIDTHEspecifica el ancho de la tabla, se puede poner el número en pixels o en el pocentaje que queremos que ocupe en el navegador Ej: <TABLE WIDTH=50%>. Esto haría que la tabla ocupe el 50% del ancho que tiene el navegador.
CELLPADDINGIndica la distancia en pixels entre el borde de la celda y su contenido
CELLSPACINGIndica la distancia en pixels que habrá entre las celdas.

Como para hacer esto un poco más divertido las etiquetas <TR> y <TD> también tienen sus parámetros:

Para <TR> tenemos los siguientes parámetros:

PARAMETROSIGNIFICADO
ALIGNComo en el caso anterior alinea el contenido del registro y los parámetros son LEFT (izquierda), RIGHT (derecha) y CENTER (centro).
VALIGNAlinea el contenido del registro pero de manera vertical, sus parámetros son TOP (arriba), BOTTOM (abajo) y MIDDLE (centro)

Para la etiqueta <TD> tenemos estos parámetros:

PARAMETROSIGNIFICADO
ALIGNComo en el caso anterior alinea el contenido de la celda y los parámetros son LEFT (izquierda), RIGHT (derecha) y CENTER (centro).
VALIGNAlinea el contenido de la celda pero de manera vertical, sus parámetros son TOP (arriba), BOTTOM (abajo) y MIDDLE (centro)
WIDTHEspecifica el ancho de la celda, puede ponerse en pixels o en porcentaje
NOWRAPPara que dentro de la celda no se rompa la linea en un espacio
COLSPANIndica la cantidad de celdas a la derecha de esta que se le uniran en una sola
ROWSPANIndica la cantidad de celdas hacia abajo que se le uniran en una sola

Un último tema a ver en este número, es el título de la tabla, este va ya dentro de <TABLE> y </TABLE> y dentro de las etiquetas <CAPTION> </CAPTION>.
Un ejemplo sería el siguiente:

<TABLE BORDER=2>
<CAPTION>Descripción de un nuevo bicho</CAPTION>
<TR><TD><IMG SRC="bana.gif" ALT="otro bicho de estos de mierda"></TD>
<TD>Una nueva pelotudez</TD></TR>
</TABLE>

Descripción de un nuevo bicho
otro bicho de estos de mierdaUna nueva pelotudez

Me parece que este ejemplo lo puse más que nada para poner a esa banana de mierda.
Bueno, es todo por aura, pero nos volvermemos a encontrar en el próximo número.

Ingwe