TABLA BÁSICA:
EJEMPLO14: Analiza el código que hay a continuación.
- <HTML>
- <HEAD>
- <TITLE>VOLUNTEER SCHEDULE</TITLE>
- </HEAD>
<H3 ALIGN="CENTER">
<TABLE>
<CAPTION><STRONG>VOLUNTEER SCHEDULE</STRONG></CAPTION>
<TR>
<TD>
<TD>9 A.M.
<TD>12 P.M.
<TD>2 P.M.
<TR>
<TD><STRONG>NURSERY</STRONG>
<TD>John
<TD>Mary
<TD>Marcia
<TR>
<TD><STRONG>SECURITY</STRONG>
<TD>Kimberly
<TD>George
<TD>Ken
<TR>
<TD><STRONG>TICKETS</STRONG>
<TD>Jacob
<TD>Nancy
<TD>Adam
</TABLE></H3>
</BODY></HTML>
ETIQUETAS:
<TABLE>.....</TABLE> Inicio y final de una tabla. Es una etiqueta contenedor.
<CAPTION>.....</CAPTION> Es opcional, sirve para añadir un título a la tabla y puede ir acompañado los atributos relativos al tipo de letra (STRONG, EM, U...).
<TR> Introduce una nueva fila en la tabla (Table Row). No hace falta cerrarlo.
<TD>........ Introduce los datos dentro de una fila, crean las celdas de la tabla (Table Data). Justo después de esta etiqueta se escribe el dato a incluir en la tabla. No es necesario cerrarla, excepto que le introduzcas algún atributo relativo al formato. El ancho de las columnas está determinado por el ancho de la celda más grande.
TABLA CON BORDES: <TABLE BORDER="Nº pixels">
EJEMPLO15: Partiendo del ejemplo anterior, introduce un borde de tamaño "1".
**El borde por defecto es 1.
EJEMPLO16: Partiendo del ejemplo anterior, introduce un borde de tamaño "10".
ESPACIO ENTRE CELDAS:
<TABLE BORDER="Nº pixels" CELLSPACING="Nº pixels">
<TABLE BORDER="Nº pixels" CELLSPACING="Nº pixels" CELLPADDING="Nº pixels">
TÍTULOS DE LAS COLUMNAS: <TH>
EJEMPLO17: Partiendo del ejemplo anterior, introduce un borde de tamaño "10".
<HTML>
<H3 ALIGN="CENTER">
<TABLE BORDER="3" CELLSPACING="0" CELLPADDING="3">
<CAPTION><STRONG>VOLUNTEER SCHEDULE</STRONG></CAPTION>
<TR>
<TD>
<TH>9 A.M.
<TH>12 P.M.
<TH>2 P.M.
<TR>
<TH>NURSERY
<TD>John
<TD>Mary
<TD>Marcia
<TR>
<TH>SECURITY
<TD>Kimberly
<TD>George
<TD>Ken
<TR>
<TH>TICKETS
<TD>Jacob
<TD>Nancy
<TD>Adam
</TABLE></H3>
</BODY>
</HTML>
<TABLE>.....</TABLE> Inicio y final de una tabla. Es una etiqueta contenedor.
<CAPTION>.....</CAPTION> Es opcional, sirve para añadir un título a la tabla y puede ir acompañado los atributos relativos al tipo de letra (STRONG, EM, U...).
<TR> Introduce una nueva fila en la tabla (Table Row). No hace falta cerrarlo.
<TD>........ Introduce los datos dentro de una fila, crean las celdas de la tabla (Table Data). Justo después de esta etiqueta se escribe el dato a incluir en la tabla. No es necesario cerrarla, excepto que le introduzcas algún atributo relativo al formato. El ancho de las columnas está determinado por el ancho de la celda más grande.
TABLA CON BORDES: <TABLE BORDER="Nº pixels">
EJEMPLO15: Partiendo del ejemplo anterior, introduce un borde de tamaño "1".
**El borde por defecto es 1.
EJEMPLO16: Partiendo del ejemplo anterior, introduce un borde de tamaño "10".
<TABLE BORDER="Nº pixels" CELLSPACING="Nº pixels">
EJEMPLO17: Partiendo del ejemplo anterior, introduce un borde de tamaño "10".
<HTML>
- <HEAD>
- <TITLE>VOLUNTEER SCHEDULE</TITLE>
- </HEAD>
<H3 ALIGN="CENTER">
<TABLE BORDER="3" CELLSPACING="0" CELLPADDING="3">
<CAPTION><STRONG>VOLUNTEER SCHEDULE</STRONG></CAPTION>
<TR>
<TD>
<TH>9 A.M.
<TH>12 P.M.
<TH>2 P.M.
<TR>
<TH>NURSERY
<TD>John
<TD>Mary
<TD>Marcia
<TR>
<TH>SECURITY
<TD>Kimberly
<TD>George
<TD>Ken
<TR>
<TH>TICKETS
<TD>Jacob
<TD>Nancy
<TD>Adam
</TABLE></H3>
</BODY>
</HTML>
No hay comentarios:
Publicar un comentario