Índice

Color y subrayado en los enlaces

Como herencia de los comienzos de HTML, los enlaces se visualizan por defecto subrayados y en color azul para el enlace no visitado, en color púrpura para el enlace visitado y en color rojo para el enlace activo.

El subrayado es una convención general de la Web para indicar los enlaces de hipertexto. Para no desconcertar al internauta no experimentado, trataremos de ceñirnos a esta norma dentro de lo posible. No obstante, desde un punto de vista estético, el subrayado automático en una página que contenga muchos enlaces puede afear su presentación.

Es posible quitar el subrayado usando una hoja de estilo (text-decoration: none).

Del mismo modo, para uniformar el color de los enlaces, es posible usar la propiedad de estilo color: valor;.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <style type="text/css"> 
   a { text-decoration: none; 
       color: black;} 
   </style> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<p>Ir a <a href="pagina1.htm">Página 1</a><br> 
Ir a <a href="pagina2.htm">Página 2</a><br> 
Ir a <a href="pagina3.htm">Página 3</a><br><\p> 
</body> 
</html>
images/CAP05IMG04.png