Los sitios web están diseñados para indicarle diferentes recursos. Puede pasar de un sitio web a otro a través de enlaces. Los enlaces le ayudan a obtener información de diferentes recursos. Los enlaces se establecen en páginas web HTML simples a través de la etiqueta <a> .
Los enlaces se clasifican en tres tipos. Por lo general, un enlace se muestra en tres colores diferentes según el uso.
- Enlaces normales (Enlaces no visitados)
- Enlaces visitados
- Enlaces activos
Ejemplo 1: El siguiente ejemplo muestra el ejemplo básico para un enlace normal (enlace no visitado). Si desea crear un enlace para ir a » https://www.geeksforgeeks.org/ «, puede obtener el enlace normal a través de este código. El color predeterminado es azul y está subrayado, pero puede aplicar su propio estilo personalizado según las necesidades de la aplicación.
HTML
<!DOCTYPE html> <html> <body> <h2>This is a Link</h2> <h1> Welcome to <a href="https://www.geeksforgeeks.org/"> GeeksforGeeks </a> </h1> </body> </html>
Producción:
Enlace visitado: en el ejemplo 1, si hace clic en el enlace que se muestra arriba y vuelve a la página del enlace, ahora puede ver que el enlace está en color púrpura y subrayado. Muestra que el usuario ha visitado este enlace antes. Puede hacer su propio estilo personalizado usando CSS : selector visitado . En el resultado anterior, observe el enlace visitado después de regresar de la página de inicio.
Enlace activo: en el ejemplo 1, si hace clic con el botón derecho o izquierdo en cualquiera de los enlaces Visitados o No visitados, se volverá rojo y subrayado. Active Links muestra que el navegador está en proceso de cargar un nuevo recurso. Puede hacer su propio estilo personalizado usando CSS: selector activo . En el resultado anterior, observe el enlace activo al hacer clic con el botón derecho en el enlace.
La etiqueta <a> es compatible con casi todos los navegadores. Entonces, estos son los 3 tipos de enlaces con sus diferentes usos y estilos predeterminados. Esto ayuda al usuario a navegar a través de diferentes recursos.
Publicación traducida automáticamente
Artículo escrito por namankedia y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA