14. Colores y Fondos

Además de las imágenes, el otro concepto que permite dar vistosidad a las páginas web son los colores. Para especificar colores dentro de una página, se utiliza el código RGB (rojo-verde-azul) con el cual podemos especificar distintas tonalidades de colores. Para especificar un color se utiliza el carácter # seguido de un valor hexadecimal de 6 dígitos; los dos primeros para el rojo, los dos centrales para el verde y los dos finales para el azul.

Podemos ver algunos ejemplos:

Código	#FF0000	#0000FF	#00FF00	#FFFF00	#9933CC	#FFFFFF	#666666	#000000
Color	Rojo	Azul	Verde	Amarillo	Morado	Blanco	Gris	Negro

¿Dónde podemos especificar colores?

Existen tres características a las que podemos aplicar color: el fondo de un documento, al texto de un documento y a texto específico dentro del documento:

Fondo de un documento:: Se especificará con el atributo BGCOLOR de la directiva BODY.
Ej. <BODY BGCOLOR=#9933CC> Veremos el fondo de color morado
Texto de un documento:: Se especificará con el atributo TEXT de la directiva BODY.
Ej. <BODY TEXT=#00FF00> Veremos el texto de color verde, por defecto
Texto específico:: Se especificará con el atributo COLOR de la directiva FONT. Es una extensión propuesta por Netscape a HTML 2.0.
Ej. Con <FONT COLOR=#FF0000>Este texto se verá rojo</FONT> el usuario verá:
Este texto se verá rojo.

Hemos visto que podemos cambiar el color del fondo de un documento. Además, podemos insertar una imagen como fondo del documento. Para ello, utilizaremos el atributo BACKGROUND de la directiva BODY.

Ejemplo:

Vamos a suponer que tenemos la imagen fondo-etsii.gif:

Si en esta misma página sustituimos <BODY> por

Indice
Formularios
Tablas