Cómo Cambiar El Color Del Enlace En Html

Tabla de contenido:

Cómo Cambiar El Color Del Enlace En Html
Cómo Cambiar El Color Del Enlace En Html

Video: Cómo Cambiar El Color Del Enlace En Html

Video: Cómo Cambiar El Color Del Enlace En Html
Video: 3. HTML - ENLACES - Cambiar Color 2024, Noviembre
Anonim

El color de los enlaces HTML se establece mediante las directivas de etiqueta adecuadas. También puede usar el código CSS para cambiar los parámetros de la etiqueta, lo que le permite personalizar con mayor precisión los colores y el diseño de la página.

Cómo cambiar el color del enlace en html
Cómo cambiar el color del enlace en html

HTML

Abra el archivo HTML con cualquier editor de texto. Para hacer esto, haga clic derecho en el archivo y seleccione "Abrir con", y luego seleccione el programa a usar.

Vaya a la etiqueta de la página y configure los atributos de enlace, vlink y alink adicionales. El parámetro de enlace define el color de un enlace normal en la página y es azul por defecto. Agregar el atributo alink cambiará el color al hacer clic con el botón izquierdo (rojo por defecto). Vlink indica el color de los enlaces que ya se han visitado. Puede configurar los parámetros de la siguiente manera:

En este ejemplo, el color del texto etiquetado se ha cambiado a negro. Cuando se hace clic con el mouse, el fragmento se resaltará en verde. Cuando vuelva a visitar la página, verá que el enlace es marrón.

En lugar de especificar nombres en inglés, también puede usar valores hexadecimales HTML para establecer el tono deseado:

CSS

Los atributos CSS se pueden utilizar para establecer el color de la página. Por ejemplo:

Enlace

Enlace 2

El color del texto se establece especificando el parámetro de color CSS en el atributo de estilo, que se puede especificar en formato hexadecimal o de palabra.

Para establecer el color de todos los enlaces en la página usando CSS, vaya a la sección. Especifique una etiqueta para declarar el uso de la hoja de estilo en el documento y luego configure los parámetros visitados, activos y de desplazamiento para la etiqueta. Por ejemplo, un fragmento de código podría verse así:

Título de la página

un {color: verde; }

a: visitado {color: gris; }

a: active {color: amarillo; }

a: hover {color: orange; }

& lt / head>

El atributo a simple indica el color de un enlace normal colocado en la página. A: visitado define el estilo de un enlace visitado anteriormente, a: activo se resaltará al hacer clic. Hover establece las opciones de color para colocar el cursor sobre el texto.

Guarde los cambios realizados en el archivo y verifique el resultado del código que especificó en la ventana del navegador. Si todos los parámetros se especificaron correctamente, verá cambios en la visualización de hipervínculos. Para abrir un documento HTML en un navegador, haga doble clic en él con el botón izquierdo del mouse o haga clic con el botón derecho y seleccione el elemento apropiado del menú desplegable "Abrir con".

Recomendado: