Los enlaces HTML son como el adhesivo que mantiene unida a Internet, ya que conectan todos los puntos. ¡Sin ellos, la Web no sería una web! Los enlaces ponen a disposición gran cantidad de conocimientos con un solo clic.
¿Conoces esa sensación cuando ingresas a un sitio web, lees un artículo, luego ves un titular intrigante que destaca algunas noticias importantes, luego otro y, finalmente, recuperas el sentido una hora más tarde? Los enlaces son responsables de atraer a los usuarios para que hagan clic y exploren el sitio web. En última instancia, son los que hacen de la web una web. Mirando la anatomía del enlace, podemos definir el elemento <a>
y el atributo href
, también conocido como referencia de hipertexto u objetivo, que indica el destino del enlace. El resultado final debería verse así: <a href="url">link text</a>
.
El texto de un enlace es la única parte visible del enlace que permite a los usuarios hacer clic y navegar a una dirección URL específica.
El tipo de enlace más familiar es un enlace de texto. Por defecto, un enlace no visitado es azul y está subrayado. Una vez que haces clic en él, el enlace se vuelve morado.
Tienes que tener especial cuidado cuando escribes el texto del enlace:
Evite usar texto de enlace como "enlace", "enlaces a", "haga clic aquí" o, lo que es peor, una URL simple. No dicen nada a los usuarios y motores de búsqueda.
Un enlace no tiene que ser texto. También podría ser una imagen y abrir la imagen en una ventana emergente o en una nueva pestaña. Para insertar la imagen como enlace, necesitará la etiqueta <img>
que contiene varios atributos:
src
identifica la ubicación de la imagen y le dice al navegador la dirección del archivo.height y width
consultan las medidas de la imagen.alt
proporciona texto alternativo que ayuda a los usuarios de tecnologías de asistencia a recibir información sobre la página sin verla realmente.Todo lo que necesita es colocar la etiqueta <img>
dentro del elemento <a>
****. No se moleste en cerrarlo, la etiqueta<img>
**** es vacía.