CSS elimina subrayar desde el enlace

Dentro de la programación de computadoras, los enlaces son ampliamente conocidos y se utilizan para dirigir hacia una ubicación específica donde los datos han estado residiendo. Podemos entrar en esa ubicación en particular tocando el hipervínculo. También podemos adjuntar ese enlace a alguna palabra o botón para que cuando tocemos la palabra o botón, nos llevará a los datos particulares. Por lo general, cuando un usuario agrega un poco de hipervínculo a la palabra o botón, esa palabra o botón se resaltaría y subraya. ¿Qué pasa si algunos de ustedes no quieren subrayar el enlace?? En este caso, use este artículo para su ayuda que ilustrará algunos ejemplos para eliminar el subrayado del enlace.

Ejemplo 01:
Echemos un vistazo al primer ejemplo de HTML para agregar el enlace dentro de la página web HTML. Luego, discutiremos una forma de eliminar el subrayado de este enlace. Hemos generado un nuevo archivo de texto con el título "CSS". Este archivo se ha abierto en el código de Visual Studio. Hemos estado comenzando nuestro código con el uso de la etiqueta HTML principal, "HTML". Dentro de la etiqueta "Cabeza" de este script HTML, hemos estado utilizando la etiqueta "Título" para nombrar o titular nuestra página web, "Eliminar subrayado".

Dentro de la etiqueta del cuerpo, hemos estado agregando nuestro contenido para mostrar en la página web con la ayuda de algunas etiquetas HTML útiles. La primera etiqueta que hemos estado usando es la etiqueta de encabezado del tamaño 2, "H2". El H2 es el segundo rumbo más grande en scripts HTML. Este encabezado se mostrará en la página web sin ningún estilo y en otro formato. La siguiente etiqueta que hemos estado usando es la etiqueta del párrafo, "P". Contiene un texto simple junto con el enlace que se adjunta con la etiqueta de anclaje "A" seguida del "href" para agregar la URL. Este enlace puede ser una ruta a alguna imagen en su computadora local o en una página web en línea. Hemos proporcionado el camino a una imagen en nuestra computadora local (yo.mi., índice.png.) Lo que haya proporcionado en la etiqueta de anclaje "A" se subrayará y resaltará en una página web. Se trata del uso de enlaces en una página HTML. Guardemos y ejecutemos este código usando el botón Ejecutar desde la barra de tareas del código de Visual Studio. Ejecute este código con el navegador Chrome.

La página web llamada "Eliminar Underline" se ha abierto en el navegador, como puede ver en la salida a continuación. Hay un encabezado "enlace con subrayado" en su pantalla blanca. Después de eso, tiene un párrafo simple de una línea debajo de él con un enlace adjunto a su palabra "logo". Puede ver que la palabra "logotipo" está subrayado y resaltado en color azul. Toque la palabra "logotipo" para ver qué sale.

La página web ha sido dirigida a la imagen de Below Shows (índice.JPG) Ubicación que se ha ubicado en nuestra computadora local. La imagen contiene un logotipo animado simple.

Actualicemos nuestro código HTML para eliminar la línea utilizada para subrayar el "logotipo" de la palabra clave del enlace. Para esto, hemos actualizado el encabezado H2 primero (yo.mi., "Enlace sin subrayado"). Después de esto, hemos estado utilizando la etiqueta CSS "estilo" dentro de la etiqueta de anclaje "A" para establecer la propiedad "Decoración de texto" en "Ninguno". La propiedad "Decoración de texto" establecida en "Ninguno" eliminará todo el estilo aplicado a la palabra clave de enlace particular "logotipo" y lo convertirá en un texto normal simple. Guardemos este código primero.

Después de ejecutar el código actualizado en el navegador, tenemos la línea de párrafo y el rumbo actualizado. La palabra "logotipo" se ha resaltado tal como está, pero el subrayado se ha eliminado de ella. Por otro lado, la palabra clave "logo" todavía funciona como un enlace y lo dirige a la imagen.

Ejemplo 2:
Echemos un vistazo al nuevo ejemplo para eliminar el subrayado de los enlaces proporcionados en la página web HTML. Este ejemplo será diferente porque hemos estado usando dos enlaces de diferentes tipos en la etiqueta de párrafo interno de una etiqueta de cuerpo para un script HTML. Hemos agregado dos encabezados y dos párrafos en el cuerpo de una página web a través de etiquetas. El primer y segundo títulos: "enlace con subrayador", muestran que ambos enlaces estarán subrayados. Dentro de las etiquetas de párrafo, hemos estado usando la etiqueta de anclaje "A" para agregar enlaces a URL específicas. La primera URL de párrafo ha estado apuntando hacia el mismo índice de imagen.png. Se ha utilizado una etiqueta de estilo CSS para establecer el color de esta palabra clave de enlace "logotipo" en púrpura según la propiedad de color. La segunda URL de párrafo ha estado apuntando hacia la nueva URL para un archivo de texto simple ubicado en nuestra computadora local (i.mi., prueba.txt) y la etiqueta de estilo CSS se ha utilizado para establecer el color de su "archivo" de palabra clave de enlace para dorarse según la propiedad de color.

Vamos a diseñarlos con la ayuda de una etiqueta de estilo en la etiqueta de la cabeza de un archivo HTML. Hemos estado estableciendo los márgenes de 15 píxeles para encabezados y párrafos, mientras que hemos estado configurando las propiedades de enlace y desplazamiento. La propiedad de decoración de texto está utilizando el valor "subrayar" para subrayar ambas palabras clave. El grosor de la línea se ha establecido en 6 píxeles. El color de la propiedad de Hover se ha establecido en "Aqua". Guardemos y depugemos este código en Visual Studio ahora.

La salida del código anterior ha mostrado dos encabezados con dos párrafos. La palabra clave de "logotipo" subrayada contiene la ruta a la imagen, mientras que el "archivo" subrayado lo dirigirá hacia el archivo de texto (i.mi., prueba.TXT.)

Cuando toque la palabra clave "archivo", lo dirigirá a la prueba.archivo txt como se muestra a continuación.

Cuando pasea sobre cualquiera de las palabras resaltadas de los párrafos de Below Shows, el color de una palabra y su subrayado se cambiaría a "Aqua" como se muestra en la pantalla a continuación.

Para eliminar el subrayado de ambas palabras de enlace, necesitamos establecer la decoración de texto de la propiedad para un enlace a "Ninguno". No hemos actualizado el resto del código para evitar ningún inconveniente. Para ver sus trabajos, debemos guardarlo primero por Ctrl+S, y luego depurarlo usando el botón "Ejecutar" desde el código Visual Studio.

La salida para este código actualizado ha mostrado dos párrafos cada uno con la palabra de enlace "logo" y "archivo" respectivamente. El subrayado en la parte inferior de ambas palabras se ha eliminado con éxito sin causar ningún problema.

Conclusión:

La demostración de eliminar un subrayado del enlace se ha realizado dentro de este artículo. Para esto, utilizamos la propiedad de decoración de texto dentro del estilo en línea y el estilo de línea externa de un script HTML. El uso del elemento flotante junto con el grosor y la propiedad de color de un enlace ha sido muy útil durante todo el artículo. Después de pasar por todas las ilustraciones de HTML proporcionadas en este artículo, podrá obtener el conocimiento y la comprensión clara de los enlaces, su estilo y eliminar las subrayas debajo de ellos.