ENLACES O LINKS

 ENLACES O LINKS

CLIC AQUI PARA DESCARGAR EJEMPLO QUE PUEDE ADAPTAR

Qué es un enlace o link:

Un enlace, también llamado hipervínculo, es como un puente que conecta un texto, una imagen o un elemento en una página web con otro recurso. Ese recurso puede ser otra página web, una imagen, un video, un documento o incluso una sección específica de la misma página.

 

Tipos de enlaces:

Enlaces internos: Estos enlaces conectan diferentes secciones dentro de la misma página web. Imagínate que tienes un artículo muy largo y quieres que el lector pueda ir rápidamente a la sección 'Conclusiones'. Un enlace interno te permite hacer eso.

 

Son ideales para crear una experiencia de usuario fluida al mover al usuario a diferentes secciones de tu página.

 

Cómo funcionan en tu código:

ID en secciones: Cada sección importante de tu página (Introducción, Construcción, Proyectos) tiene un ID único: <h2><span id="introduccion">Introducción al Brazo Robótico</span></h2>

 

Estos IDs actúan como puntos de referencia para tus enlaces.

 

Enlaces con #: Los enlaces en el menú de navegación utilizan el símbolo # seguido del ID de la sección a la que apuntan: <li><a href="#introduccion">Introducción</a></li>

 

Ejemplo: Cuando el usuario hace clic en el enlace "Introducción" en tu menú, la página se desplaza suavemente hasta la sección "Introducción al Brazo Robótico" que tiene el ID "introduccion".

 

Enlaces externos: Estos enlaces te llevan a otra página web completamente diferente. Por ejemplo, si quieres leer más información sobre un tema, puedes hacer clic en un enlace externo que te lleva a un sitio web con más detalles.

 

Cómo funcionan en tu código:

URL completa: El atributo href del enlace contiene la dirección web completa (URL) del recurso al que se apunta: <li><a href="https://edutechsiglo21.com" target="_blank">Edutech XXI</a></li>

 

Abrir en una nueva ventana: El atributo target="_blank" dentro del enlace especifica que la página web externa se debe abrir en una nueva ventana del navegador.

 

Ejemplo: Cuando el usuario hace clic en el enlace "Edutech XXI", la página edutechsiglo21.com se abre en una nueva pestaña o ventana, mientras que la página actual del brazo robótico permanece abierta.