🔗 Enlaces en HTML
Los enlaces en HTML son una de las partes más importantes de una página web, ya que nos permiten navegar entre diferentes páginas web. En HTML, los enlaces se crean con la etiqueta a
y el atributo href
para indicar la dirección a la que queremos que nos lleve el enlace.
Creando un enlace
Por ejemplo, si queremos crear un enlace a la página de Google, podemos hacer lo siguiente:
<a href="https://www.google.com">Ir a Google</a>
En este caso, el contenido de la etiqueta a
es "Ir a Google", y el atributo href
indica que al hacer clic en el enlace nos llevará a la dirección https://www.google.com
.
Enlaces relativos
También podemos crear enlaces relativos, es decir, enlaces que nos lleven a una página dentro de nuestro propio sitio web. Por ejemplo, si queremos crear un enlace a la página de inicio de nuestro sitio web, podemos hacer lo siguiente:
<a href="about.html">Ir a la página de Acerca de</a>
En este caso, el atributo href
indica que al hacer clic en el enlace nos llevará a la página about.html
que está en el mismo directorio que la página actual.
Enlaces a secciones de la misma página
También podemos crear enlaces a secciones de la misma página. Para hacer esto, debemos usar el atributo href
con el valor #
seguido del id
de la sección a la que queremos ir. Por ejemplo, si queremos crear un enlace que nos lleve a una sección con el id
"seccion1", podemos hacer lo siguiente:
<a href="#seccion1">Ir a la sección 1</a>
En este caso, al hacer clic en el enlace nos llevará a la sección con el id
"seccion1" de la misma página.
Atributo target
El atributo target
nos permite indicar en qué ventana queremos que se abra el enlace. Por ejemplo, si queremos que el enlace se abra en una nueva ventana, podemos hacer lo siguiente:
<a href="https://www.google.com" target="_blank">Ir a Google</a>
En este caso, al hacer clic en el enlace se abrirá la página de Google en una nueva ventana.