TABLAS EN HTML

Tablas

Para crear tablas en HTML se usarán las siguientes etiquetas:
TABLE
TR
TD
TH

EJEMPLO (sustituir los "(" ")" por "<" y ">" respectivamente):
(TABLE border="6" cellpadding="10" cellspacing="6")
(TR>)
(TD)A(/TD)
(TD)B(/TD)
(/TR)
(TR)
(TD)C(/TD)
(TD)D(/TD)
(/TR)
(/TABLE)

BORDER define el grosor del marco exterior
CELLPADDING define el espacio alrededor del texto de una celda
CELLSPACING define el espacio entre celdas
WIDTH define la anchura de la tabla relativa a la anchura de la ventana del browser

ATRIBUTOS DE LA ETIQUETA (TR)

VALIGN (alineación vertical) que puede tomar los valores: TOP coloca el texto en la parte superior de la celda
BOTTOM coloca el texto en la parte inferior de la celda
MIDDLE en el centro de la celda ALIGN (alineación horizontal) que puede tomar los valores: RIGHT coloca el texto a la derecha de la celda
LEFT coloca el texto a la izquierda de la celda
CENTER centra el texto en la celda

EJEMPLO (sustituyan el código anterior que se encuentra entre (table) y (/table) por el siguiente)

(TR ALIGN="center")

(TD)a(/TD)

(TR VALIGN="top")

(TD)e(/TD)

(TR ALIGN="right" VALIGN="bottom")

(TD)i(/TD)

ETIQUETA (TD)

Es el elemento de inicio de una columna. Puede completarse con los atributos VALIGN y ALIGN que será entonces prioritarios sobre los mismos valores definidos en la marca (TR&gt.
Dos atributos suplementarios, COLSPAN y ROWSPAN permiten generar celdas cuya superficie es un múltiplo de la celda elemental. La matriz de la tabla que define el número de celdas elementales se calcula por el número de líneas de la tabla (número de instrucciones TR), multiplicado por el número de celdas (número de celdas TD) de la línea que define más celdas (mayor número de TD). El número de celdas por línea de la tabla se calcula sobre la línea que define el mayor número de celdas. El último atributo de TD es NOWRAP que impide dividir el texto de la celda en varias líneas.

EJEMPLO (SUSTITUIR EL CODIGO POR EL SIGUIENTE)

(TR ALIGN="left")

(TD ALIGN=left)A(/TD)

(TD ALIGN=center)B(/TD)

(TD ALIGN=right)C(/TD)

ETIQUETA (TH)

Esta marca funciona de forma similar a TD admitiendo los mismos atributos pero se considera como una marca de título de una celda. Automáticamente centra el texto y lo pone en negrita.

EJEMPLO:

(TABLE BORDER)

(TR)

(TH)Artículo(/TH)(TH)Referencia(/TH)(TH)Precio(/TH)
(TR)

(TD)Libreta(/TD)

(TD)17(/TD)

(TD)120(/TD)
(/TABLE)

EJERCICIO

Traten de elaborar una tabla que contenga la siguiente información
Tabla Alumnos
No de lista
Nombre
Apellidos
e-mail
Tel
Foto

Hacer por lo menos 6 alumnos

Nueva Wiki

Hay una nueva Wiki de trabajo.

La dirección es http://cmgeo.wikispaces.com

Mañana en clase les hablaré un poco de como vamos a trabajarla.