Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Trabajando con Enlaces | Fundamentos de HTML
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de HTML

bookTrabajando con Enlaces

Los enlaces, también conocidos como hipervínculos, permiten a los usuarios navegar entre páginas web, recursos y diversas formas de comunicación. En HTML, los enlaces se crean utilizando la etiqueta <a> (ancla).

<a href="href-value">some text</a>

El atributo href dentro de la etiqueta <a> especifica el destino del enlace. Puede aceptar varios tipos de URLs, incluyendo:

  • URLs absolutas: Especifican la dirección completa del recurso enlazado, incluyendo el protocolo (por ejemplo, "https://www.example.com");
  • URLs de teléfono: Permiten a los usuarios iniciar llamadas telefónicas directamente desde el navegador al hacer clic. Se formatean como "tel:phone-number". Es fundamental incluir el código de país y eliminar cualquier carácter especial o espacio del número de teléfono (por ejemplo, "tel:+123456789");
  • URLs de correo electrónico: Permiten a los usuarios redactar correos electrónicos al hacer clic. Se formatean como "mailto:email-address". Es importante incluir la dirección de correo electrónico completa después de mailto: (por ejemplo, "mailto:example@example.com").

Ejemplo:

index.html

index.html

copy

En el ejemplo anterior:

  • La etiqueta <a> crea hipervínculos con diferentes destinos;
  • El atributo href especifica varias URLs, incluyendo URLs absolutas, números de teléfono y direcciones de correo electrónico.

Otros atributos útiles

La etiqueta <a> tiene varios atributos que pueden utilizarse para especificar las propiedades del hipervínculo. Algunos atributos comunes incluyen:

  • target="_blank": Especifica dónde se abrirá el documento vinculado. "_blank" abre el enlace en una nueva ventana o pestaña;
  • download: Indica que el destino se descargará cuando el usuario haga clic en el hipervínculo. Este atributo puede tener un valor para especificar el nombre del archivo al guardar el recurso.

Ejemplo:

index.html

index.html

copy

En este ejemplo:

  • El atributo href especifica la URL del recurso vinculado;
  • El atributo target abre el enlace en una nueva ventana o pestaña.

1. ¿Cómo se crean los enlaces?

2. ¿Qué especifica el atributo href en una etiqueta <a>?

question mark

¿Cómo se crean los enlaces?

Select the correct answer

question mark

¿Qué especifica el atributo href en una etiqueta <a>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 6

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Awesome!

Completion rate improved to 2.86

bookTrabajando con Enlaces

Desliza para mostrar el menú

Los enlaces, también conocidos como hipervínculos, permiten a los usuarios navegar entre páginas web, recursos y diversas formas de comunicación. En HTML, los enlaces se crean utilizando la etiqueta <a> (ancla).

<a href="href-value">some text</a>

El atributo href dentro de la etiqueta <a> especifica el destino del enlace. Puede aceptar varios tipos de URLs, incluyendo:

  • URLs absolutas: Especifican la dirección completa del recurso enlazado, incluyendo el protocolo (por ejemplo, "https://www.example.com");
  • URLs de teléfono: Permiten a los usuarios iniciar llamadas telefónicas directamente desde el navegador al hacer clic. Se formatean como "tel:phone-number". Es fundamental incluir el código de país y eliminar cualquier carácter especial o espacio del número de teléfono (por ejemplo, "tel:+123456789");
  • URLs de correo electrónico: Permiten a los usuarios redactar correos electrónicos al hacer clic. Se formatean como "mailto:email-address". Es importante incluir la dirección de correo electrónico completa después de mailto: (por ejemplo, "mailto:example@example.com").

Ejemplo:

index.html

index.html

copy

En el ejemplo anterior:

  • La etiqueta <a> crea hipervínculos con diferentes destinos;
  • El atributo href especifica varias URLs, incluyendo URLs absolutas, números de teléfono y direcciones de correo electrónico.

Otros atributos útiles

La etiqueta <a> tiene varios atributos que pueden utilizarse para especificar las propiedades del hipervínculo. Algunos atributos comunes incluyen:

  • target="_blank": Especifica dónde se abrirá el documento vinculado. "_blank" abre el enlace en una nueva ventana o pestaña;
  • download: Indica que el destino se descargará cuando el usuario haga clic en el hipervínculo. Este atributo puede tener un valor para especificar el nombre del archivo al guardar el recurso.

Ejemplo:

index.html

index.html

copy

En este ejemplo:

  • El atributo href especifica la URL del recurso vinculado;
  • El atributo target abre el enlace en una nueva ventana o pestaña.

1. ¿Cómo se crean los enlaces?

2. ¿Qué especifica el atributo href en una etiqueta <a>?

question mark

¿Cómo se crean los enlaces?

Select the correct answer

question mark

¿Qué especifica el atributo href en una etiqueta <a>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

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