10. Fondos

  Hay dos maneras distintas de cambiar el fondo: Fondos con un Color Uniforme
    Se consigue añadiendo el comando BGCOLOR a la etiqueta <BODY> (situada al principio del documento), de la siguiente manera:
 
<BODY BGCOLOR="#XXYYZZ">

donde:

    Estos números son hexadecimales, es decir, el número menor es el 00 y el mayor el FF. Así por ejemplo, el color rojo es el #FF0000, porque tiene el máximo de rojo y cero de los otro dos colores .

Algunos de los colores más comunes son:

    Para hacer un color más oscuro, hay que reducir el número de su componente, dejando los otros dos invariables. Por ejemplo, el rojo (#FF0000) se puede hacer más oscuro con #550000.

    Para hacer que un color tenga  un tono más suave se deben variar los otros dos colores haciéndolos más claros (número más alto), en una cantidad igual. Así, podemos convertir el rojo en rosa con #FF7070

Colores del Texto y de los Enlaces
    Si no se varían los colores habituales del texto y de los enlaces (negro y azul, respectivamente), podría ocurrir que su lectura en un fondo oscuro fuese muy dificultosa, o incluso imposible, si el fondo fuese precisamente negro o azul.

    Para evitar esto, se pueden escoger los colores del texto y de los enlaces, añadiendo a la etiqueta <BODY> los siguientes comandos:
 

<BODY BGCOLOR="#XXYYZZ" TEXT="#XXYYZZ" LINK="#XXYYZZ" VLINK="#XXYYZZ" ALINK="#XXYYZZ" >
 

donde: TEXT se refiere al color del texto, LINK al color de los enlaces, VLINK al color de los enlaces visitados, y ALINK al color de los enlaces activos (el que adquieren en el momento de ser pulsados).

Cambio del Color de una parte del Texto.
    El comando TEXT que va englobado dentro de la etiqueta <BODY> cambia el color de la totalidad del texto de la página.

También es posible cambiar sólo una parte del texto:

<FONT COLOR="#FF0000"> Este texto es de color rojo </FONT>

Fondos con una Imagen.
    El fondo de una página puede ser también una imagen, ya sea en formato GIF o JPEG. Esta imagen se repite por toda la página, de una manera análoga al tapiz de Windows. La estructura de la etiqueta es:
 

<BODY BACKGROUND="imagen.gif>
 

o bien:
 

<BODY BACKGROUND="imagen.jpg>
 

    No todos los navegadores soportan este formato.

    También se puede añadir a esta etiqueta todos los comandos para cambiar los colores del texto y de los enlaces, vistos anteriormente.

    Hay que prever la posibilidad de que quien acceda a nuestra página haya deshabilitado la carga automática de imágenes, en cuyo caso no se cargaría la imagen que sirve como fondo y se vería el fondo estándar de color gris. Esto podría ser muy perjudicial si hemos escogido unos colores para el texto y los enlaces que no contrastan bien con ese fondo gris. La solución a este problema es poner dentro de la etiqueta <BODY> los comandos <BACKGROUND> y <BGCOLOR >, en este orden y teniendo cuidado en escoger un color uniforme de fondo parecido al de la imagen.
 

<BODY BACKGROUND="gráfico.jpg" BGCOLOR="#CCFFFF" >

    Esto tiene la ventaja adicional de que, incluso aunque no se deshabilite la carga automática de imágenes, al cargar la página, lo primero que se ve es ese fondo de color uniforme, que luego es reemplazado por el de la imagen.