| |

3.4 Color y fondo del documento
Una página tiene una serie de
atributos relacionados con el diseño visual. Por ejemplo, el
fondo (background). En el fondo de la página se pueden utilizar
imágenes o colores sólidos.
Para establecer
una imagen como fondo simplemente se agrega el atributo de background
a la etiqueta de BODY. Veamos el ejemplo:
<BODY background="images/fondoA.gif">...</BODY>
Para establecer un color sólido como fondo simplemente se agrega
el atributo de bgcolor a la etiqueta de BODY. Veamos el ejemplo:
<BODY background="#003399">...</BODY>
En el ejemplo anterior, el fondo aparecerá de color azul marino
debido a que 003399 es el código de color
hexadecimal para ese tono.
Para todos los colores que utilizarás
tanto en el fondo como en los demás elementos de las páginas
existen dos códigos principales de color. Uno de ellos son
los 16 colores sólidos
con nombre (aqua, gray, navy, silver, black,
green, olive, real, blue, lime, purple, white, fucsia, maroon, red
y yellow) y el otro código son
los colores hexadecimales.
Los colores
hexadecimales están basados en
la codificación numérica entre las combinaciones del
rojo, verde
y azul. Para
cada uno de estos colores se asigna un par de dígitos.
Ejemplo:
#CC0000
= rojo
Para ver más ejemplos con guías de colores hexadecimales
visita la sección de ligas de interés
o visita la siguiente página: http://www.december.com/html/spec/color.html
Repasemos lo aprendido con unos ejemplos:
| IMAGEN
DE FONDO |
index.html |
<BODY background="images/fondoA.gif">
Este es el cuerpo de mi página con una imagen de fondo
</BODY> |
|
|
|
| COLOR
DE FONDO |
index.html |
<BODY bgcolor="#FFFF00">
Este es el cuerpo de mi página con un fondo amarillo
</BODY> |
|
|
|
|
|