Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Uso de Enlaces | Etiquetas y Atributos HTML
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookUso de Enlaces

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.

index.html

index.html

copy

Atributos de enlace

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, utilice target="_blank".

index.html

index.html

copy

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 utiliza el atributo download, el navegador solicita al usuario guardar el archivo con el nombre de archivo especificado. Por ejemplo, si es necesario 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.

index.html

index.html

copy

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.

index.html

index.html

copy

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, asigne 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.

Note
Nota

Tómese 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, preste atención a los atributos de la etiqueta a y la etiqueta h2.

Para ver el código, deslice el control deslizante en el lado izquierdo del CodeSandbox. Esto revelará el código existente dentro del editor.

question mark

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

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain how the `download` attribute works with the `<a>` tag?

What are some common values for the `target` attribute?

How do I create a link to a specific section within the same page?

bookUso de Enlaces

Desliza para mostrar el menú

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.

index.html

index.html

copy

Atributos de enlace

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, utilice target="_blank".

index.html

index.html

copy

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 utiliza el atributo download, el navegador solicita al usuario guardar el archivo con el nombre de archivo especificado. Por ejemplo, si es necesario 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.

index.html

index.html

copy

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.

index.html

index.html

copy

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, asigne 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.

Note
Nota

Tómese 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, preste atención a los atributos de la etiqueta a y la etiqueta h2.

Para ver el código, deslice el control deslizante en el lado izquierdo del CodeSandbox. Esto revelará el código existente dentro del editor.

question mark

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

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9
some-alt