Tablas
Si deseas editar en un tabla, debes usar la etiqueta "TABLE"
es una etiqueta cerrada, ósea :
< TABLE >
........ Aquí tu tabla
< / TABLE >
Propiedades:
ALIGN = " TOP, BOTTOM, LEFT, RIGHT, CENTER "
BORDER = numero, (no uses un numero muy grande luce horrible).
WIDTH = Valor - Ancho de la tabla , (si no se especifica se ajusta a las entradas).
- Valor = 1 à Ancho de la página.
- Valor = 0,5 à Media página.
- Valor, 0,75 à ¾ de la Página.
BGCOLOR= COLOR.
BACKGROUND="dirrección/imagen"(imagen debe ser gif ó jpg).
Por supuesto no pensaras que así de simple, para indicar un renglón usas "TR", ojo que es una etiqueta cerrada.
propiedades:
ALIGN = " TOP, BOTTOM, LEFT, RIGHT, CENTER "
Las columnas principales van con "TH" y las otras con "TD".
atributos:
ALIGN = " TOP, BOTTOM, LEFT, RIGHT, CENTER "
WIDTH = en Pixels
COLSTAR = Nº Columna ( columna en la que debe comenzar )
COLSPAN = Nº Columnas ( que se tienen que expandir )
ROWSPAN = Nº de filas
VALIGN = "TOP", "BOTTOM", "MIDDLE", "BASE LINE"
La alineación del valor o contenido de la celda, pero haciendo referencia al ajuste vertical.
Si deseas un titulo para la tabla usa "CAPTION", puedes alinear el texto
con ALIGN.
Ejemplo:
Codigo HTML:
<TABLE ALIGN=CENTER BORDER=1 BGCOLOR=ffff00>
<CAPTION ALIGN=CENTER> <FONT COLOR SIZE=+1>TITULO TABLA</FONT></CAPTION>
<TR ALIGH=CENTER><TH COLSTAR = 1 COLSPAN =2 ROMSPAN=1>SUBTITULO 1</TH><TH>SUBTITULO 2 <TH>SUBTITULO 3 </TH></TR>
<TR ALIGH=CENTER><TD>FILA 2 COLUMNA 1/2</TD><TD>FILA 2 COLUMNA 1</TD><TD>FILA 2 COLUMNA 2</TD><TD>FILA 2 COLUMNA 3</TD></TR>
<TR ALIGH=CENTER><TD>FILA 3 COLUMNA 1/2</TD><TD>FILA 3 COLUMNA 1</TD><TD>FILA 3 COLUMNA 2</TD><TD>FILA 3 COLUMNA 3</TD></TR>
<TABLE &T;
Resultado:
TITULO TABLA
| SUBTITULO 1 | SUBTITULO 2 | SUBTITULO 3 |
|---|
| FILA 2 COLUMNA 1/2 | FILA 2 COLUMNA 1 | FILA 2 COLUMNA 2 | FILA 2 COLUMNA 3 |
| FILA 3 COLUMNA 1/2 | FILA 3 COLUMNA 1 | FILA 3 COLUMNA 2 | FILA 3 COLUMNA 3 |
Nota: puedes darle formato al texto(color , tamaño, incluir imágenes, fondos, y demás elementos que aprenderás más adelante :-).
[email protected]
atras Indice siguiente