Tema 4 Lenguaje HTML Parte 4
Fuente La etiqueta FONT permite controlar la fuente. Atributo SIZE <FONT SIZE=“1”> </FONT> Los tamaños son: 1,2,3,4,5,6 Atributo COLOR <FONT COLOR=“green”> </FONT> Los colores son: black, white, green, maroon, olive, navy, purple, red, yellow, blue, teal, lime, aqua, fuchsia, silver
Imágenes como hipervínculos El código para que una imagen sea hipervínculo es el siguiente: <A HREF=“dirección”> <IMG SRC= “imagen”> </A> Ejemplo: <A HREF=“ejemplo2.html”> <IMG SRC= “imagen1.jpg”>
Color de fondo Se utiliza el atributo BGCOLOR en la etiqueta BODY. Los colores son: black, white, green, maroon, olive, navy, purple, red, yellow, blue, teal, lime, aqua, fuchsia, silver También se utiliza el código hexadecimal de color con #RRGGBB (00 ausencia, FF máximo) Ejemplo <BODY BGCOLOR=“blue”>
Color de texto y links En la etiqueta BODY se usan los atributos TEXT para el texto, LINK para los hipervínculos, VLINK para los hipervínculos visitados, ALINK para los enlaces activos. Ejemplo <BODY BGCOLOR=“olive” TEXT=“navy” LINK=“aqua”>
tablas
Crear tabla Para crear una tabla (sin y con borde): <TABLE> </TABLE> <TABLE BORDER> </TABLE BORDER> Para insertar una fila en la tabla: <TR> </TR> Para insertar una celda de encabezado en una fila: <TH> </TH> Para insertar una celda de datos en una fila: <TD> </TD> Las etiquetas de fin de fila y celdas se pueden omitir, se asume que termina una fila cuando otra comienza. Para crear una celda vacía no se coloca nada entre las etiquetas de inicio y fin de celda.
Tabla TH TD TR TR
Etiquetas de tabla Para agregar una leyenda (rótulo) a la tabla: <CAPTION> </CAPTION> Para alinear una tabla (center, right, left): <TABLE ALIGN=“right”> Para alinear horizontalmente los datos de una celda (center, right, left) <TD ALIGN=“center”> Para alinear verticalmente en una celda (top, middle, bottom) <TD VALIGN=“middle”>
Etiquetas de tabla Para que una celda abarque varias filas: <TH ROWSPAN=número de filas> Para que una celda abarque varias columnas: <TH COLSPAN=número de columnas> Ejemplo: <TH ALIGN=“center” COLSPAN=2>Puntaje</TH> <TD> Grupo A </TD> <TD> Grupo B </TD> En TH o en TD
Ejemplo: <TH ALIGN=“center” COLSPAN=2>Puntaje</TH> <TD> Grupo A </TD> <TD> Grupo B </TD> Puntaje Grupo A Grupo B
Atributos de tabla Ancho de las columnas: se usa el atributo WIDTH en la celda. Ancho del borde: se usa BORDER=número Espaciado de celda: se usa CELLSPACING en la etiqueta TABLE. Color de la tabla: se usa BGCOLOR en las etiquetas TABLE, TR, TH, TD. Border=1 por defecto, 0 sin borde Los colores con nombre o en hexadecimal. El color de fondo se antepone al color que lo contiene: el color de la tabla se antepone a la página.