English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La etiqueta <a> de HTML define un enlace de hipertexto que apunta a una URL o un objetivo en un documento HTML. Esta etiqueta también se conoce comúnmente como elemento <a>.
Enlace al sitio web de tutoriales básicos :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Red de tutoriales básicos(oldtoolbag.com)</<title> </<head> <body> <a href="https://es.oldtoolbag.com">¡Accede a la red de tutoriales básicos!"/a> </body> </html>Prueba y mira ‹/›
IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten la etiqueta <a>.
La etiqueta <a> define un enlace de hipertexto, utilizado para enlazar una página a otra.
La propiedad más importante del elemento <a> es la propiedad href, que especifica el destino del enlace.
En todos los navegadores, el aspecto predeterminado de los enlaces es el siguiente:
Los enlaces no visitados tienen subrayado y son azules
Los enlaces visitados tienen subrayado y son púrpuras
Los enlaces activos tienen subrayado y son rojos
El elemento <a> de HTML se encuentra dentro de la marca <body>.
De inicio <a> y final </El texto entre <a> se mostrará como texto de enlace (es decir, texto subrayado).
Si desea que los recursos se abran en una nueva ventana, utilice la propiedad target = "_blank". Por ejemplo, puede escribir un enlace como se muestra a continuación: <a href="/ejemplos/enlace a archivo <filename.html" target="_blank">/a>
En chino simplificado, en HTML 4.01 En chino simplificado, la etiqueta <a> puede ser tanto un enlace como un ancla. En HTML5 En chino simplificado, la etiqueta <a> es un enlace, pero si no tiene la propiedad href, es solo un marcador de posición de enlace.
HTML5 Hay algunos nuevos atributos, y ya no se admiten algunos atributos de HTML. 4.01 los atributos.
New: HTML5 nuevos atributos.
| Atributo | Valor | Descripción |
|---|---|---|
| charset | char_encoding | HTML5 No soportado. Especifica la codificación de caracteres del URL de destino. |
| coords | coordinates | HTML5 No soportado. Especifica las coordenadas del enlace. |
| downloadHTML5 | filename | Especifica el enlace de descarga. |
| href | URL | Especifica el URL de destino del enlace. |
| hreflang | language_code | Especifica el código de idioma base del URL de destino. Únicamente se utiliza cuando existe la propiedad href. |
| mediaHTML5 | media_query | Especifica el tipo de medio del URL de destino. Valor predeterminado: all. Únicamente se utiliza cuando existe la propiedad href. |
| name | section_name | HTML5 No soportado. Especifica el nombre del ancla. |
| pingHTML5 | list_of_URLs | Especifica una lista de espacio separada de URL, cuando se realiza el enlace, el navegador enviará una solicitud ping (backend). Generalmente se utiliza para rastrear |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Especifica el tipo específico de notificación. |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Especifica la relación entre el documento actual y el URL de destino. Únicamente se utiliza cuando existe la propiedad href. |
| rev | text | HTML5 No soportado. Especifica la relación entre el URL de destino y el documento actual. |
| shape | default rect circle poly | HTML5 No soportado. Especifica la forma del enlace. |
| target | _blank _parent _self _top framename | Especifica dónde abrir el URL de destino. Únicamente se utiliza cuando existe la propiedad href. |
| type HTML5 | MIME_type | Especifica el tipo MIME del URL de destino. Únicamente se utiliza cuando existe la propiedad href. Nota: MIME = Extensiones Multipropósito de Internet de Correo Electrónico. |
Soporte de etiqueta <a> Atributo global de HTML。
Soporte de etiqueta <a> Atributo de evento de HTML。
Enlaces con imágenes Este ejemplo muestra cómo usar enlaces con imágenes.
Enlazar a una posición específica en la página actual Este ejemplo muestra cómo usar marcadores (bookmarks).
Salir de los marcos Este ejemplo muestra cómo salir de un cuadro de frames, si tu página está encerrada dentro de un cuadro.
Crear un enlace de correo electrónico Este ejemplo muestra cómo crear un enlace a un correo electrónico. (Este ejemplo solo funcionará después de instalar un cliente de correo electrónico.)
Crear un enlace de correo electrónico 2 Este ejemplo muestra cómo crear un enlace de correo electrónico más complejo.
Crear un enlace telefónico Este ejemplo muestra cómo crear un enlace que permite llamar a un número de teléfono.
Tutoriales HTML:Enlaces HTML
Manual de referencia del DOM HTML: Objeto Anchor