Los enlaces se definen utilizando la etiqueta a. El destino del enlace se establece mediante su atributo href.
<a href="https://flaviocopes.com"> haz clic aquí </a>
Entre las etiquetas de apertura y cierre, tenemos el texto del enlace.
El ejemplo anterior es una URL absoluta. Los enlaces también funcionan con URLs relativas:
<a href="/test">haz clic aquí</a>
En este caso, al hacer clic en el enlace, el usuario es redirigido a la URL /test en el origen actual.
Ten cuidado con el carácter /. Si se omite, en lugar de comenzar desde el origen, el navegador simplemente agregará la cadena de prueba a la URL actual.
Por ejemplo, supongamos que estoy visitando la página https://orpot.com/axios/ y tengo estos 2 enlaces (no existen, es solo un ejemplo):
– el enlace /test tiene una / precediendo a test, al hacer clic me lleva a https://orpot.com/test. La / significa «comenzar desde la raíz».
– el enlace test no tiene una / precediendo a test, así que una vez que hago clic me lleva a https://orpot.com/axios/test
Las etiquetas de enlace pueden incluir otras cosas dentro de ellas, no solo texto. Por ejemplo, las imágenes también pueden ser enlaces, por lo que puedes hacer clic en una imagen y abrir una nueva página.
