Inicio Atrás Adelante

Colores de letra y enlaces

Por defecto, el color del texto es negro, no obstante, mediante el uso del atributo TEXT podemos definir un color distinto. El mecanismo de definición del color de los tipos es el mismo sistema RGB que el descrito para definir el color de fondo.

Contenido complementario

Sobre todo en el caso de utilizar colores oscuros de fondo, ya sean colores planos o imágenes en las que predominen tales tonalidades, será aconsejable cambiar el color del texto por defecto mediante el uso de TEXT = "#RRGGBB". <HTML>
<HEAD>
<TITLE>Primera muestra (con color)</TITLE>
</HEAD>
<BODY BGCOLOR="#008080" TEXT="#FFFF00">
<H2>Primera página en HTML (con color)</H2>
<P>
Esta <B>primera página<;/B> (con color) es bastante corta.
</P>
</BODY>
</HTML>

muestra08.html

<HTML>
<HEAD>
<TITLE>Cuarta muestra (con fondo)</TITLE>
</HEAD>
<BODY BACKGROUND="erizo.gif" TEXT="#FFFFF5">
<H2>Cuarta página en HTML (con fondo)</H2>
<P>
Esta <B>cuarta página</B> (con fondo) es bastante corta, pero la imagen de fondo está repetida a modo de mosaico.
</P>
</BODY>
</HTML>

muestra09.html

Los textos de enlace a otras páginas web, para diferenciarlos del texto normal, acostumbran a aparecer en el navegador la primera vez que se visitan como textos subrayados de color azul, y de otro color (en general violeta) cuando se vuelve a visitar la página después de haber utilizado el enlace.

Los colores con que aparecen los enlaces antes de visitar la página, después de visitarla o, incluso, en el mismo momento de hacer clic sobre ellos se pueden definir mediante los atributos de color LINK, VLINK (enlace visitado) y ALINK (enlace activo). A su vez, los tres pueden ser definidos mediante el código "#RRGGBB".

En los siguientes ejemplos aparecen las marcas correspondientes a enlaces y, aunque éste no es el momento de estudiarlas, se han colocado aquí para poder comprobar el efecto de los atributos LINK, VLINK y ALINK.

También es preciso tener en cuenta que el hecho de haber visitado un documento HTML queda en la memoria del navegador y, según la versión del navegador que se utilice, esta memoria puede ser de varios días, con lo que no es de extrañar que enlaces que no se hayan visitado en la sesión actual puedan aparecer como visitados.

<HTML>
<HEAD>
<TITLE>Primera muestra con enlaces de color</TITLE>
</HEAD>
<BODY BACKGROUND="erizo.gif" TEXT="#FFFFF5" LINK="#FFFF00" VLINK="#DAA520" ALINK="#FF6347">
<H2>Primera muestra con enlaces de color</H2>
<P>
Esta primera muestra con enlaces de color utiliza
tonalidades de amarillo tanto para los enlaces pendientes de visita como para los visitados, y tonalidad roja para el enlace activo.
</P>
<A HREF="muestra11.html">Enlace a la siguiente página</A>
</BODY>
</HTML>

muestra10.html

<HTML>
<HEAD>
<TITLE>Segunda muestra con enlaces de color</TITLE>
</HEAD>
<BODY BACKGROUND="punteado.gif" TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000">
<H2>Segunda muestra con enlaces de color</H2>
<P>
Esta segunda muestra con enlaces de color utiliza
tonalidades de azul para los enlaces pendientes de visita y los visitados, y tonalidad roja para el enlace activo.
</P>
<A HREF="muestra10.html">Enlace a la página anterior</A>
</BODY>
</HTML>

muestra11.html

Inicio Atrás Adelante Arriba