Cómo vincular páginas en HTML
Los vínculos son una parte fundamental del lenguaje HTML. Estos funcionan como los enlaces que nos permiten navegar de una página a otra. Si desea crear vínculos a imágenes, archivos y otras páginas web, es importante comprender cómo funcionan. Esta guía rápida explica cómo funciona el vinculado en HTML y cómo incluir vínculos en sus propias páginas web.
Haz clic en enlaces en HTML
El principio detrás del vínculo HTML es simple. Un enlace es una etiqueta que tiene un atributo llamado href. El href le dice a un navegador a dónde ir cuando alguien hace clic en el vínculo. El elemento href se abre y cierra con un signo de mayor (>)i menor (<) y el texto que se muestra al usuario se muestra dentro de la etiqueta. Aquí hay un ejemplo de un enlace básico:
Haga clic aquí para ver nuestro sitio web.
Añadir enlaces a otros Elementos
Los vínculos también se pueden usar para enlazar a imágenes, archivos PDF, hojas de estilo y otros elementos. Estos vínculos tienen el mismo formato básico, solo cambia el href para redirigir al usuario a una imagen, archivo o elemento específico. La diferencia es que el href se agrega a un elemento en lugar de a una etiqueta. Aquí hay algunos ejemplos:
- Para enlazar a una imagen:
- Para enlazar a un archivo PDF: Haga clic aquí para leer el archivo
- Para enlazar a una hoja de estilo:
Usar Atributos Para Mejorar Tu Link
Hay dos atributos adicionales que se usan a menudo para mejorar el vínculo HTML. El primero es el atributo target. Esto le dice al navegador dónde abrir el enlace. Por ejemplo, se puede abrir un enlace en una nueva ventana o en un marco diferente. Esto se hace agregando el siguiente atributo al vínculo:
Haga clic aquí para ver nuestro sitio web.
El segundo atributo que se usa a menudo es el atributo title. Esto le da al enlace un título que aparece cuando el usuario pasa el cursor sobre él. Esto hace que los enlaces sean más descriptivos y fáciles de leer. Aquí hay un ejemplo de cómo se vería:
Haga clic aquí para ver nuestro sitio web.
Ahora que has comprendido como funciona el vínculo en HTML, estás listo para añadir enlaces a tus propias páginas web. Esto te dará al usuario la capacidad de navegar fácilmente entre tus páginas.
¿Cómo se puede vincular a una página web?
Para crear un hipervínculo, haga clic en insertar > vínculo. En el cuadro texto para mostrar , escriba el texto en el que los usuarios van a hacer clic. Para establecer un vínculo a una dirección web, escriba o pegue la dirección en el cuadro Dirección . Si desea que el texto que los usuarios ven enlazado abra la dirección en una nueva ventana, active la casilla Abrir vínculo en una nueva ventana. Haga clic en Aceptar.
¿Cómo vincular páginas en HTML?
En HTML, hay varias formas de enlaces. En las imágenes, existe el atributo src para «vincular» la fuente de una imagen. Para las hojas de estilo, existe la etiqueta de enlace ( link ) con el atributo href para «enlazar» la fuente de una hoja de estilo. Para vincular una página web con otra, se puede utilizar la etiqueta de enlace ( link ) con el atributo href y su valor correspondiente al enlace. Por ejemplo, Texto a mostrar. Esto mostrará el «Texto a mostrar» como un enlace a la página web «http://www.ejemplo.com/».
Cómo vincular Páginas en HTML
HTML ofrece etiquetas que se usan para vincular páginas web entre sí. Estas etiquetas actúan como enlaces que transportan al usuario desde una página a otra. Esto es especialmente útil al navegar en un sitio web, al pasar entre páginas, navegando desde un directorio a una clasificación particular, o cuando usted está esperando la finalización de una descarga y ofreciendo la oportunidad de seguir usando una página o a otra.
Usar un enlace
- Inserte una etiqueta en el documento HTML. Para establecer un enlace de una página web a otra, inserte la etiqueta en su documento.
- Vincule un enlace a un destino. La etiqueta debe tener un atributo href. Esto hará que el enlace esté vinculado con una dirección URL en particular.
- Coloque contenido para el enlace. Entre la etiqueta y la etiqueta , coloque el contenido que el usuario haga clic para acceder a la dirección vinculada.
- Cierre el enlace. Utilice la etiqueta para cerrar el enlace.
Ejemplo
El siguiente ejemplo muestra cómo podemos vincular una página web a otra. Establece el enlace entre una diamante y la nota de contacto de un sitio web.
¡Contáctanos para una consulta gratuita!
Este ejemplo tiene el enlace al contacto de la nota con el título «¡Contáctenos para una consulta gratuita!» El usuario debe hacer clic en el título para acceder al contenido de la nota de contacto.