- Published on
Links (<a>) in HTML
- Authors

- Name
- Diego Whiskey
Aquí, toda la información importante sobre los enlaces (<a>) en HTML.
Los enlaces (<a>) en HTML:
Los enlaces, representados por la etiqueta <a>, son elementos fundamentales en HTML que permiten a los usuarios navegar de una página web a otra, acceder a recursos externos o moverse dentro de la misma página. Aquí hay detalles clave sobre los enlaces en HTML:
Sintaxis básica:
<a href="URL_del_destino">Texto del enlace</a>
href(Hypertext Reference): El atributohrefespecifica la URL del destino al que se vinculará el enlace. Puede ser una URL absoluta, una URL relativa o una referencia interna.Texto del enlace: El texto que se muestra en la página como el enlace. Por ejemplo, "Ir a Google" es el texto del enlace en<a href="https://www.google.com">Ir a Google</a>.
Tipos de enlaces:
Enlaces externos: Se utilizan para vincular a páginas web externas. Ejemplo:
<a href="https://www.ejemplo.com">Sitio de Ejemplo</a>Enlaces internos: Se utilizan para vincular a secciones dentro de la misma página web. Para ello, se usa una referencia interna (anclaje). Ejemplo:
<a href="#seccion">Ir a la Sección</a>Donde se define un marcador en la sección deseada:
<a id="seccion"></a>.Enlaces de correo electrónico: Permiten a los usuarios enviar un correo electrónico al hacer clic en el enlace. Ejemplo:
<a href="mailto:correo@ejemplo.com">Enviar correo</a>Enlaces a archivos: Se utilizan para vincular a archivos para su descarga. Ejemplo:
<a href="documento.pdf">Descargar PDF</a>
Destino del enlace:
_self(valor predeterminado): Abre el enlace en la misma ventana o pestaña._blank: Abre el enlace en una nueva ventana o pestaña del navegador._parent: Abre el enlace en el marco principal (útil en marcos o iframes)._top: Abre el enlace en la ventana principal, reemplazando cualquier marco o iframe.
Otros atributos:
target: Permite especificar el destino del enlace, como_blankpara abrirlo en una nueva ventana.title: Proporciona información adicional sobre el enlace que se muestra como un mensaje emergente cuando se coloca el cursor sobre el enlace.
Ejemplos:
<a href="https://www.ejemplo.com" target="_blank" title="Visitar Ejemplo">Sitio de Ejemplo</a>
<a href="#seccion">Ir a la Sección</a>
<a href="mailto:correo@ejemplo.com">Enviar correo</a>
<a href="documento.pdf">Descargar PDF</a>
Los enlaces son esenciales para la navegación web y permiten a los usuarios interactuar con el contenido de una página y acceder a recursos adicionales. Es importante usarlos de manera efectiva para mejorar la experiencia del usuario en tu sitio web.