Tecnología

Inicio

¿Cómo deshacerse de un enlace subrayado en HTML

June 15

La eliminación de los subrayados de enlaces en los documentos HTML requiere código CSS (Cascading Style Sheet). Es necesario utilizar CSS para establecer la propiedad "text-decoration" de todas las etiquetas de anclaje - las etiquetas que crean vínculos en HTML - a "ninguno" para eliminar los subrayados. Al seleccionar todas las etiquetas de anclaje en CSS, sólo puede utilizar "a" como su selector. Puede agregar este código CSS entre "<style>" etiquetas en el archivo HTML, y este es el método más rápido y más fácil. Cuando se quiere llevar a cabo únicamente una sola etiqueta, también se puede colocar la propiedad y el valor de la propia etiqueta.

Instrucciones

1 Abra la página Web en el Bloc de notas y localizar los "<style>" etiquetas "entre los <head>" etiquetas hacia la parte superior del código. Añadir el "<style>" etiquetas si no los ve:

<Style type = "text / css">

</ Style>

2 Escribir un selector CSS que selecciona la etiqueta que desea llevar a cabo, en este caso "a". Utilice la opción "text-decoration: none" propiedad-valor de par para decirle al navegador que no muestre ninguna línea debajo de los enlaces:

un {

text-decoration: none;

}

3 Quitar el subrayado de un enlace único en su etiqueta de anclaje. Utilice el mismo "text-decoration: none" pareja propiedad-valor que se utilizaría en una hoja de estilo:

<a href="path/to/link.html" title="My Link" style="text-decoration: none;"> Mi Enlace </a>

4 Añadir el subrayado de nuevo a los enlaces cuando los usuarios se ciernen sobre ellos mediante la adición de este código en su hoja de estilo:

a: hover {

text-decoration: underline;

}

Consejos y advertencias

  • Al quitar los subrayados de enlaces, añadir un nuevo estilo al enlace que separarlo del texto normal, como por ejemplo "font-weight: bold;" para el texto en negrita.