La etiqueta HTML `a`

Descubra los conceptos básicos para trabajar con HTMLaetiqueta para crear enlaces

Los enlaces se definen mediante elaetiqueta. El destino del enlace se establece a través de suhrefatributo.

Ejemplo:

<a href="https://flaviocopes.com">click here</a>

Entre la etiqueta de inicio y cierre tenemos el texto del enlace.

El ejemplo anterior es una URL absoluta. Los enlaces también funcionan con URL relativas:

<a href="/test">click here</a>

En este caso, al hacer clic en el enlace, el usuario se mueve al/testURL sobre el origen actual.

Tenga cuidado con el/personaje. Si se omite, en lugar de comenzar desde el origen, el navegador simplemente agregará eltestcadena a la URL actual.

Ejemplo, estoy en la páginahttps://flaviocopes.com/axios/y tengo estos enlaces:

  • /testuna vez hecho clic me lleva ahttps://flaviocopes.com/test
  • testuna vez hecho clic me lleva ahttps://flaviocopes.com/axios/test

Las etiquetas de enlace pueden incluir otras cosas dentro de ellas, no solo texto. Por ejemplo, imágenes:

<a href="https://flaviocopes.com">
	<img src="test.jpg">
</a>

o cualquier otro elemento, excepto otros<a>etiquetas.

Si desea abrir el enlace en una nueva pestaña, puede utilizar eltargetatributo:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

Descarga mi gratisManual HTML


Más tutoriales de HTML:


Tech Wiki en línea!