Tecnología

Inicio

Cómo ocultar los subrayados en hipervínculos

Cómo ocultar los subrayados en hipervínculos


Los hipervínculos HTML permiten a los visitantes de su página web para acceder a otra ubicación de Internet haciendo clic sobre ellos. Los hipervínculos a menudo se distinguen por una pantalla subrayado. Puede que no desee o necesite el subrayado aparece con sus enlaces. Quitar el subrayado de los hipervínculos de manera individual o en todo el sitio usando una declaración de estilo.

Instrucciones

1 Abra el documento en un editor HTML o texto.

2 Escriba el parámetro de estilo dentro de la etiqueta de anclaje de hipervínculo (<a>). Incluir el atributo "text-decoration" con un valor de "ninguno" como en el siguiente ejemplo. El subrayado no se muestra.

<P> <a style="text-decoration:none" href="www.amazon.com"> Amazon Sitio </a> </ p>

3 Escriba el siguiente código dentro de las etiquetas <head> </ head> etiquetas para anular el estilo <a> predeterminado. Esta modificación afectará a todos los hipervínculos en la página.

<Style type = "text / css"> <! -

a{ text-decoration: none;}

a: hover {text-decoration: none;}

a: visited {text-decoration: underline;}

-> </ Style>

Consejos y advertencias

  • Crear una hoja de estilos externa para aplicar el estilo alternativo de varias páginas. Inserte el estilo y guardar el documento con una extensión ".css", por ejemplo "styles.css." Incluir la hoja de estilos en sus páginas mediante la inserción de una referencia después de "<head>" y antes de "</ head>." La referencia a "styles.css" es "<link href =" "rel =" "type =" styles.css hoja de estilo text / css ">".