Para crear enlaces HTML utilizamos la etiqueta <a>, la misma que significa anchor, o ancla en inglés. Ésta etiqueta nos permite crear enlaces externos, internos e inclusive nos permite enlazar archivos para que el usuario los pueda descargar.

Enlaces HTML externos

Ponemos el texto que queremos que se convierta en un enlace dentro de la etiqueta como en el siguiente ejemplo:

<a href="https://www.google.com/">Buscar</a>

Aquí la palabra que se convertirá en un enlace será la palabra Buscar. Y cuando el usuario haga click en ella le llevará a la página de google. Fíjate que para hacer esto se tiene un atributo href con el valor https://www.google.com. Entonces en el atributo href escribiremos la página o sección donde queremos que se dirija el enlace.

Para identificarlo, el enlace se pone de color azul y subrayado y cuando haces click sobre él se pone de color rojo, todo esto lo puedes persnalizar desde CSS.

Enlaces HTML internos

Un enlace interno puede ser un enlace a una sección de la página web, para esto ponemos el signo # antes del ID de la sección:

<a href="#seccion1">Acerca de</a>

o también puede ser otra página de nuestro sitio web. Para esto, solamente pondremos el nombre de la página si se encuentra en la misma carpeta que la primera:

<a href="pagina2.html" target="_blank" >Siguiente</a>

Y si deseas que la página se abra en una pestaña diferente tendrás que agregarle el atributo target con el valor _blank como en el ejemplo anterior.

Enlaces HTML para descargar archivos

También puedes hacer que un enlace apunte a un archivo, de esta manera cuando el usuario haga click en el enlace, el archivo se empezará a descargar. Para esto solamente debe modificar el valor del atributo href para que quede de la siguiente forma:

<a href="archivo.rar">Descargar</a>

Acerca de esta serie…

Esta es una serie de artículos donde iré explicando cada una de las etiquetas que contiene HTML. Si quieres ver la siguiente etiqueta te recomiendo hacer click aquí. Y si no tienes claro que es HTML aún te recomiendo ver este blog aquí.

También puedes revisar mis redes sociales:

👉‍‍ YouTube
👉‍‍ Twitter
👉‍‍ GitHub
👉‍‍TikTok

También puedes conocer más sobre los comentarios en HTML en el siguiente video:

👇‍‍👇‍‍👇‍‍