Summary  
This chapter covers using HTML anchor tags and their attributes (href, target, download) to implement links for navigation, resource downloads, email/phone links, and in-page anchors.  

General domain of usage  
Web development

La etiqueta `<a>` se utiliza para crear **hipervínculos** que permiten a los usuarios navegar entre diferentes páginas web. Cuando un usuario hace clic en un enlace, el navegador envía una solicitud al servidor para la página asociada con el enlace y muestra la respuesta en la pantalla. El atributo `href` ayuda a especificar la URL de la página de destino.

PGEgaHJlZj0iaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8iPkdvb2dsZTwvYT4=

### target
De forma predeterminada, el enlace se abre en la misma pestaña del navegador. El atributo `target` permite modificar este comportamiento. Para abrir un enlace en una nueva pestaña, utiliza `target="_blank"`.

PGEgaHJlZj0iaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8iIHRhcmdldD0iX2JsYW5rIj5Hb29nbGU8L2E+

### download
El atributo `download` puede utilizarse con la etiqueta HTML `<a>` para especificar que el recurso de destino debe descargarse en lugar de mostrarse en el navegador. Cuando se usa el atributo `download`, el navegador solicita al usuario guardar el archivo con el nombre de archivo especificado. Por ejemplo, si necesitas crear un elemento con la siguiente funcionalidad: cuando el usuario haga clic en el enlace, el navegador descargará el archivo "myfile.pdf" desde `https://example.com/` y solicitará al usuario guardarlo con el nombre de archivo **myfile.pdf**.

PGEgaHJlZj0iaHR0cHM6Ly9leGFtcGxlLmNvbS9teWZpbGUucGRmIiBkb3dubG9hZD0ibXlmaWxlLnBkZiI+CiAgRG93bmxvYWQgbXkgUERGIGZpbGUKPC9hPg==

### href
El atributo `href` se utiliza no solo para navegar a otras páginas, sino también para crear enlaces a direcciones de correo electrónico, números de teléfono y secciones específicas.

PCEtLSBUZWxlcGhvbmUgbnVtYmVyOiBDbGljayB0byBjYWxsIHRoaXMgbnVtYmVyIC0tPgo8YSBocmVmPSJ0ZWw6KzExMjM2NTc0OTI2Ij4rMS0oMTIzKS02NTctNDkyNjwvYT4KCjwhLS0gRW1haWwgYWRkcmVzczogQ2xpY2sgdG8gc2VuZCBhbiBlbWFpbCAtLT4KPGEgaHJlZj0ibWFpbHRvOm15ZXhhbXBsZUBtYWlsLmNvbSI+bXlleGFtcGxlQG1haWwuY29tPC9hPg==

Además, el atributo `href` puede utilizarse para navegar a secciones específicas dentro de una página web. Para crear una etiqueta de anclaje, asigna un atributo `id` (un identificador único) a la sección deseada a la que queremos desplazarnos. El atributo `href` toma un valor que comienza con el símbolo `#` seguido del valor del `id`.

Exploremos el siguiente ejemplo, presentado en forma de CodeSandbox. Esta plataforma permite inspeccionar el código y examinar la funcionalidad del mismo.

Tómate un momento para inspeccionar la funcionalidad haciendo clic en los enlaces y observando cómo la página en vivo se desplaza a las secciones específicas. Además, presta atención a los atributos de la etiqueta `a` y la etiqueta `h2`.

- [View the Code](https://github.com/olreyplay/ultimate-html-using-links/blob/main/index.html)
- [Open the Live Page](https://olreyplay.github.io/ultimate-html-using-links/)

Nota

¿Cuál es la función principal de la etiqueta `<a>`?

Aprenda los conceptos esenciales de HTML (Lenguaje de Marcado de Hipertexto), la base del desarrollo web. Este curso introductorio cubre etiquetas, atributos, elementos y la estructuración de páginas web. Adquiera habilidades prácticas en la creación de encabezados, párrafos, listas, imágenes, enlaces, formularios y tablas. Explore buenas prácticas, optimización y accesibilidad web. Inicie su trayectoria en desarrollo web con HTML.

Explora el funcionamiento interno de la web. Descubre cómo los datos se transmiten a través de las redes, el papel de los protocolos y los conceptos de direcciones IP y nombres de dominio. Obtén una visión general de cómo los navegadores web y los servidores se comunican para entregar contenido web.

Descubra el poder de las etiquetas para estructurar el contenido, desde encabezados y párrafos hasta listas y tablas. Aprenda cómo mejorar los elementos con atributos.

El núcleo de la estructura de un documento HTML. Aprenda los componentes de un documento HTML, incluyendo la declaración doctype, head y body. Comprenda el propósito de cada elemento y cómo contribuyen a la estructura general de una página web.

Mejorar la apariencia de una página web mediante el uso de medios como imágenes, audio y video. Manipulación de datos tabulares estructurados en forma de tablas.

Explore la versatilidad de los formularios HTML. Aprenda a diseñar formularios intuitivos y fáciles de usar mediante el aprovechamiento de conceptos y técnicas clave. Descubra cómo los formularios permiten la interacción del usuario y el envío de datos en los sitios web.

Uso de Enlaces

Atributos de enlace

target

download

href