<TABLE> es una tarea continente, e indica la presencia de una tabla en el
documento. Pertenece a la extensión del lenguaje, pero es soportada por casi todos los
visores. En el caso de visores de sólo texto, pueden realizarse tablas con <PRE>.
La tablas se ordenan en columnas, líneas y celdas. Los datos dentro de las celdas,
el contenido en sí de la tabla, pueden ser palabras, formularios, anclas, listas o imágenes.
TABLE implica un corte de línea.
Atributos:
- ALIGN: permite alinear la tabla. Por defecto asume la izquierda.
Puede asumir los valores: right y left, como valores básicos;
también son posibles center, justify, char.
CHAR indica alineación según caracteres decimales (punto o coma, según el idioma).
- BORDER: Por defecto algunos VISORES (la mayoría) presentan las tablas
sin borde; Netscape da por defecto el valor de 1. Puede aumentarse el grosor del borde, o, para
Netscape, dar el valor 0 para que no haya.
Atributos propuestos:
- HSPACE: permite añadir más espacio a la derecha o izquierda de
la tabla, entre el borde y el contexto. Este atributo es leído por Netscape e Internet
Explorer.
- VSPACE: permite añadir más espacio arriba o abajo de
la tabla, entre el borde y el contexto. Este atributo es leído por Netscape e Internet
Explorer.
- COLS: permite determinar la cantidad de columnas de la tabla. Este atributo
facilita la visualización línea por línea de la tabla a medida que ésta
es recibida o cargada, a cambio de esperar la recepción de la tabla entera.
- FRAME: permite especificar en qué lado de la tabla habrá borde. Puede asumir los valores: void (la tabla aparecería
sin los bordes externos), above (permite ver sólo el borde superior de la tabla),
below (permite ver sólo el borde inferior de la tabla), box o
border (permite ver los cuatro lados de la tabla), hsides (el borde superior e
inferior), lhs (sólo el lado izquierdo), rhs (sólo el
lado derecho), y vsides (sólo el lado izquierdo y derecho). Todos los valores deben ir entre comillas.
- RULES: permite especificar qué línea divisoria aparecerá
en el interior de la tabla. Puede asumir los valores: none (la tabla aparecerá
sin línea divisoria), basic (genera líneas divisorias entre THEAD,
TFOOT y TBODY), rows (líneas horizontales, siendo más oscuras
las básicas), cols (líneas divisorias entre grupos de columnas -indicados
por las tareas COL y COLGROUP), all (líneas en toda la tabla).
Según el visor, el valor por defecto puede ser all o none; éste
último es asumido como valor por defecto en el HTML 4.0.
Todos los valores deben ir entre comillas.
- CHAR: especifica el caracter sobre el que se alineará la celda. Solamente
vale si en ALIGN se ha puesto el valor "char".
- CHAROFF: asume un valor cuantitativo (en unidades o porcentaje) que especifica
la compensación del caracter de alineación. Solamente vale si en ALIGN se ha puesto
el valor "char".
- STYLE: especifica información de estilo sobre un simple elemento del
documento. Los valores se colocan según el formato "nombre:valor", separados por
";".
- TITLE: para titular un documento o una sección del mismo. Algunos
programas visores pueden colocar el valor de este atributo como texto insertado o audio.
- CLASS: para señalar qué tipo de texto contiene.
Este atributo solamente es reconocido por los visores emacs.W3 y Arena; es ignorado por los otros. Su uso identificatorio dentro del contexto de
hojas de estilo, ha ampliado su valor, así como su visualización por todos los browsers que aceptan CSS.
- ID: identifica el párrafo.
- DIR: para indicar la dirección del texto y de las columnas. Asume los valores:
ltr (de izquierda a derecha) y rtl (derecha a izquierda). Cuando
el valor es rtl, el ordenamiento de las columnas comenzará por el tope arriba
a la derecha.
- LANG: para indicar el idioma del texto.
- ONCLICK: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se toca un botón
sobre determinado elemento desplegado en pantalla. (HTML 4.0).
- ONDBLCLICK: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se toca dos
veces el botón. (HTML 4.0).
- ONMOUSEDOWN: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se presiona un
botón sobre un elemento. (HTML 4.0).
- ONMOUSEUP: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se suelta el
botón. (HTML 4.0).
- ONMOUSEOVER: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando la flecha
señalizadora se mueve sobre un elemento. (HTML 4.0).
- ONMOUSEMOVE es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando cuando la flecha
señalizadora se mueve sobre un elemento. (HTML 4.0).
- ONMOUSEOUT: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando la flecha
señalizadora se mueve lejos de un elemento. (HTML 4.0).
- ONKEYPRESS: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o
clave es presionada o soltada sobre un elemento. (HTML 4.0).
- ONKEYDOWN: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o
clave es mantenida presionada sobre un elemento. (HTML 4.0).
- ONKEYUP: es un atributo definido como un "evento intrínseco".
Este evento o suceso está definido por el valor del atributo, que es un pequeño programa
script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o
clave es soltada sobre un elemento. (HTML 4.0).
- CELLPADDING: especifica el espacio (en pixels) entre el borde de una celda
y el contenido de la celda. El valor por defecto es 1.
- CELLSPACING: especifica el espacio horizontal y vertical (en pixels) entre
celdas. El valor por defecto es 1.
- WIDTH: especifica el ancho (en pixels) de la tabla en relación a la pantalla. Puede asumir valores absolutos o
porcentuales con respecto a la pantalla. Fijar el ancho de una tabla no es recomendable, porque
puede ser malentendido por el programa visor. Internet Explorer también lee este atributo.
El valor por defecto es "100%".
Internet Explorer:
- BGCOLOR: para que la tabla tenga un color de fondo diferente del resto del documento.
Puede colocarse también el color en cada celda.
- BORDERCOLOR: define el color del borde de la tabla. Pueden usarse los nombre
o los valores RGB.
- BORDERCOLORLIGHT: da imagen 3D al borde de la tabla, más claro que el
BORDERCOLOR.
- BORDERCOLORDARK: da imagen 3D al borde de la tabla, más oscuro que el
BORDERCOLOR.
- VALIGN: establece la alineación vertical del contenido de todas las
celdas de la tabla. (Para otros visores, se puede usar el atributo TR o TD). Puede asumir los
valores top, center (valor por defecto) y bottom.
La estructura interna de una tabla se define con tareas de: línea de tabla, elemento de
tabla, encabezamiento, etc. Estas tareas sólo pueden ser usadas dentro de <TABLE>.
Ejemplo I:
<CENTER><TABLE BORDER=1 CELLPADDING=2 CELLSPACING=2>
<CAPTION ALIGN=top><H3>Pueblos de la Tercera Edad</H3></CAPTION>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Yellow"><TH ALIGN=center VALIGN=middle>Pueblo</TH><TH ALIGN=center VALIGN=middle>Hábitat</TH><TH ALIGN=center VALIGN=middle>Lengua</TH></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Elfos del Oeste (Eldar)</TD><TD ALIGN=center VALIGN=bottom>Oeste de la Comarca</TD><TD ALIGN=center VALIGN=bottom>Sindarin</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Elfos del Este</TD><TD ALIGN=center VALIGN=bottom>Bosque Negro - Lórien</TD><TD ALIGN=center VALIGN=bottom>Sindarin</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Hombres</TD><TD ALIGN=center VALIGN=bottom>Isla Númenor</TD><TD ALIGN=center VALIGN=bottom>Adûnaic</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Hobbits</TD><TD ALIGN=center VALIGN=bottom>Bree</TD><TD ALIGN=center VALIGN=bottom>Lengua común</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Onodim o Enyd</TD><TD ALIGN=center VALIGN=bottom>Toda la Comarca</TD><TD ALIGN=center VALIGN=bottom>Élfico con variantes</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Orcos</TD><TD ALIGN=center VALIGN=bottom>Varios lugares de la Comarca</TD><TD ALIGN=center VALIGN=bottom>Lengua negra - Oestron</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Trolls</TD><TD ALIGN=center VALIGN=bottom>Bosque Negro</TD><TD ALIGN=center VALIGN=bottom>Lengua común corrupta</TD></TR>
<TR ALIGN=center VALIGN=bottom BGCOLOR="Aqua"><TD ALIGN=left VALIGN=bottom>Enanos</TD><TD ALIGN=center VALIGN=bottom>Toda la comarca</TD><TD ALIGN=center VALIGN=bottom>Lengua secreta - Lengua Humana</TD></TR>
</TABLE></CENTER>
se verá,
Pueblos de la Tercera Edad
| Pueblo | Hábitat | Lengua |
| Elfos del Oeste (Eldar) | Oeste de la Comarca | Sindarin |
| Elfos del Este | Bosque Negro - Lórien | Sindarin |
| Hombres | Isla Númenor | Adûnaic |
| Hobbits | Bree | Lengua común |
| Onodim o Enyd | Toda la Comarca | Élfico con variantes |
| Orcos | Varios lugares de la Comarca | Lengua negra - Oestron |
| Trolls | Bosque Negro | Lengua común corrupta |
| Enanos | Toda la comarca | Lengua secreta - Lengua Humana |
J.R.R. Tolkien (El Señor de los Anillos)
Ejemplo II:
<CENTER><TABLE BORDER=2>
<CAPTION>INSTRUMENTOS MUSICALES</CAPTION>
<TR BGCOLOR="#C0C0C0"><TH ALIGN=center NOWRAP COLSPAN=4>Tradicionales no europeos</TH></TR>
<TR BGCOLOR="#C0C0C0"><TH ALIGN=center NOWRAP COLSPAN=2>Africanos</TH><TH ALIGN=center NOWRAP COLSPAN=2>Asiáticos</TH><TR>
<TR BGCOLOR="#C0C0C0"><TH ALIGN=center NOWRAP>País</TH><TH ALIGN=center NOWRAP>Instr.</TH>
<TH ALIGN=center NOWRAP>País</TH><TH ALIGN=center NOWRAP>Instr.</TH></TR>
<TR><TD BGCOLOR="#FFFF80" WIDTH=80>Congo</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Marimba</I></TD><TD BGCOLOR="#FFFF80" WIDTH=80>China</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Sheng</I></TD></TR>
<TR><TD BGCOLOR="#FFFF80" WIDTH=80>Nigeria</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Tambores<BR>habladores</I></TD><TD BGCOLOR="#FFFF80" WIDTH=80>Japón</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Koto</I></TD></TR>
<TR><TD BGCOLOR="#FFFF80" WIDTH=80>Camerún</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Flautas<BR>artesanales</I></TD><TD BGCOLOR="#FFFF80" WIDTH=80>India</TD><TD BGCOLOR="#FFFF80" WIDTH=80><I>Vinã</I></TD></TR>
</TABLE></CENTER>
se verá,
INSTRUMENTOS MUSICALES
| Tradicionales no europeos |
| Africanos | Asiáticos |
|---|
| País | Instr. | País | Instr. |
| Congo |
Marimba |
China |
Sheng |
| Nigeria |
Tambores habladores |
Japón |
Koto |
| Camerún |
Flautas artesanales |
India |
Vinã |
[siguiente] - [previo] -
[tope] - [inicio]