Color del texto
Ya hemos visto en el capítulo anterior cómo se cambiaba el color del texto con FONT. Existe otra forma para cambiar el color por defecto del documento, con unas opciones de la etiqueta BODY (igual que hacíamos con la opción background). Con estas opciones podemos cambiar el color del texto, el del fondo y el de los enlaces.
Las posibles opciones son:
- text
- bgcolor
- link
- vlink
- alink
Para cambiar el color del texto debemos escoger la primera opción; text. Se usa igual que la opción color de la etiqueta font (se puede especificar el color por su nombre o por su código hexadecimal, ver capítulo anterior).
Si ponemos el sisguiente código tendremos el texto de nuestra página de color azul:
<body text=blue>
Color de fondo
También podemos cambiar el color de fondo de nuestro documento simplemente usando la opción bgcolor (igual que text. Para tener un fondo de color azul y texto blanco:
<body text=white bgcolor=blue>
Color de los enlaces
Quizá te hayas fijado que cuando pones un enlace en tu página se muestra de color azul. Si el enlace ya ha sido visitado aparece con otro azul más claro (se usan colores diferentes para que el usuario sepa si ya ha visitado la página o no). Esto lo podemos cambiar a nuestro gusto.
Enlaces no visitados
Para cambiar el color de los enlaces a páginas que aún no han sido visitadas se usa la opción link. Para poner estos enlaces de color amarillo:
<body link=yellow>
Enlaces visitados
El color de los enlaces a páginas ya visitadas se establece con la opción vlink (Visited Link). Si queremos que sea verde:
<body vlink=green>
Enlaces activos
En el momento que pinchamos sobre un enlace este cambia de color. Para especificar este color se usa alink (Active Link):
<body alink=red>
Y para ver todo esto junto en un documento veamos un ejemplo: ejemplo11.html
NOTA: Algunos navegadores permiten al usuario establecer los colores con los que quiere visualizar las páginas. Si tiene esta opción activada no obedecerá a lo que nosotros especifiquemos.
