English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML utiliza hipervínculos para conectar con otro documento en la red. Casi se puede encontrar un enlace en cualquier página web. Al hacer clic en el enlace, se puede saltar de una página a otra.
Hipervínculo HTML Cómo crear vínculos de hipertexto en documentos HTML.
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Manual básico(oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">Este texto</a> es un enlace que apunta a una página en este sitio.</p> <p><a href="https://www.baidu.com/">Baidu</a> es un enlace que apunta a una página en la web.</p> </body> </html>Prueba y mira ‹/›
HTML utiliza la etiqueta <a> para establecer vínculos de hipertexto.
Un hipervínculo puede ser una palabra, una frase o un grupo de palabras, también puede ser una imagen, y puede hacer clic en estos elementos para saltar a un nuevo documento o a alguna parte del documento actual.
Cuando mueve el puntero del ratón sobre algún enlace en la página web, la flecha cambia a una mano.
Se utiliza la propiedad href en la etiqueta <a> para describir la dirección del enlace.
Por defecto, los enlaces se mostrarán en el navegador de la siguiente manera:
Un enlace no visitado se muestra en azul con subrayado.
Los enlaces visitados se muestran en púrpura con subrayado.
Al hacer clic en el enlace, se muestra en rojo con subrayado.
Nota: Si se han configurado estilos CSS para estos enlaces, la presentación se mostrará según la configuración del CSS.
El código HTML de los enlaces es simple. Se parece a esto:
<a href="https://es.oldtoolbag.com">sitio web de la guía básica</a>
La propiedad href describe el destino del enlace.
<a href="https://es.oldtoolbag.com/">Accede al sitio web de la guía básica</a>
La siguiente línea se muestra así:Accede a la guía básica
Hacer clic en este hipervínculo llevará al usuario a la página principal de la guía básica.
Consejo: "Texto del enlace" no tiene que ser texto. Una imagen u otro elemento HTML también pueden ser enlaces.
Usando la propiedad target, puedes definir dónde se muestra el documento vinculado.
La siguiente línea abrirá el documento en una nueva ventana:
<a href="https://es.oldtoolbag.com/" target="_blank">Accede a la guía básica!"/a>Prueba y mira ‹/›
La propiedad id se puede usar para crear un marcador en un documento HTML.
Consejo: Los marcadores no se muestran de manera especial, no se muestran en el documento HTML, por lo que para el lector son ocultos.
Inserta un ID en el documento HTML:
<a id="tips">sección de consejos útiles </a>
Crea un enlace a "sección de consejos útiles (id="tips")" en el documento HTML:
<a href="#tips">Acceder a la sección de consejos útiles </a>
O, desde otra página, crea un enlace a "sección de consejos útiles (id="tips")":
<a href="https://es.oldtoolbag.com/html/html-links.html#tips"> Acceder a la sección de consejos útiles </a>
Nota: Siempre añade una barra invertida a las subcarpetas. Si escribes el enlace de la siguiente manera: href="https://es.oldtoolbag.com/html" generará dos solicitudes HTTP al servidor. Esto se debe a que el servidor añade una barra invertida a esta dirección y crea una nueva solicitud, como esta: href="https://es.oldtoolbag.com/html/".
Enlaces de imágenes Este ejemplo muestra cómo usar enlaces de imágenes.
Enlazar a una ubicación específica en la página actual Este ejemplo muestra cómo usar marcadores.
Salir del cuadro Este ejemplo muestra cómo salir del cuadro, suponiendo que tu página esté encerrada en un cuadro.
Crear un enlace de correo electrónico Este ejemplo muestra cómo hacer clic en un correo electrónico. (Este ejemplo solo funciona después de instalar el programa del cliente de correo electrónico).
Crear un enlace de correo electrónico 2 Este ejemplo muestra un enlace de correo electrónico más complejo.
| Etiqueta | Descripción |
| <a> | Definir un enlace hipertexto |