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
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Enlaces hacia una ventana específica
Siguiente
Descripción acerca del enlace