¿Cómo eliminar el subrayado de un enlace en HTML?

En mi página he puesto algunos enlaces en los que no quiero ninguna línea, entonces, ¿cómo puedo eliminar eso usando HTML?

Versión en línea :

 yoursite 

Sin embargo, recuerde que generalmente debe separar el contenido de su sitio web (que es HTML ) de la presentación (que es CSS ). Por lo tanto, generalmente debe evitar estilos en línea .

Vea la respuesta de Juan para ver una respuesta equivalente usando CSS .

Esto eliminará todos los subrayados de todos los enlaces:

 a {text-decoration: none; } 

Si tiene enlaces específicos a los que desea aplicar esto, déles un nombre de clase, como no- nounderline y haga esto:

 a.nounderline {text-decoration: none; } 

Eso se aplicará solo a esos enlaces y dejará a todos los demás intactos.

Este código pertenece al de su documento o en una hoja de estilo:

    

Y en el cuerpo:

 Link 

Sugiero usar: pase el mouse para evitar el subrayado si el puntero del mouse está sobre un ancla

 a:hover { text-decoration:none; } 
  1. Agregue esto a su hoja de estilo externa ( preferida ):

     a {text-decoration:none;} 
  2. O agregue esto al de su documento HTML:

      
  3. O agréguelo al elemento a ( no recomendado ):

      Text 

Las otras respuestas mencionan text-decoration. Algunas veces usa un tema de WordPress o el CSS de otra persona donde los enlaces están subrayados por otros métodos, de modo que text-decoration: none no desactivará el subrayado.

Border y box-shadow son otros dos métodos que conozco para subrayar enlaces. Para apagarlos:

 border: none; 

y

 box-shadow: none; 

La siguiente no es una mejor práctica, pero a veces puede ser útil

Es mejor usar la solución provista por John Conde, pero a veces, usar CSS externo es imposible. Para que pueda agregar lo siguiente a su etiqueta HTML:

 My Link 
  

El código anterior será suficiente. Simplemente pegue esto en el enlace del que desea quitar el subrayado.

Todo el código mencionado anteriormente no funcionó para mí. Cuando profundizo en el problema me doy cuenta de que no estaba funcionando porque había colocado el estilo después de la href. Cuando coloqué el estilo antes del href, estaba funcionando como se esperaba.

 yoursite