HTML < a > tag

HTML <a> día

❮ReferenciaHTML completaanteriorSiguiente ❯

Ejemplo

Un enlace a W3Schools.com:

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

Pruebelo usted mismo »

More "Pruebelo usted mismo" examples below.

---

Definición y uso

La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra.

El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace.

Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores:

• Un enlace no visitado está subrayado y azul
• Un enlace visitado está subrayado y morado
• Un enlace activo está subrayado y rojo

---

Soporte del navegador

Element
<a>	Yes	Yes	Yes	Yes	Yes

---

Consejos y notas

Sugerencia: los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente.

Consejo: Normalmente, una página enlazada se muestra en la ventana actual del navegador, a menos que especifique otro objetivo.

Consejo: Use CSS para los enlaces de estilo: Tutorial CSS Links Tutorial & CSS Tutorial

---

Diferencias entre HTML 4.01 y HTML5

En HTML 4.01, la etiqueta <a> podría ser un hipervínculo o un ancla. En HTML5, la etiqueta <a> siempre es un hipervínculo, pero si no tiene ningún atributo href, es solo un marcador de posición para un hipervínculo.

HTML5 tiene algunos atributos nuevos, y algunos atributos HTML 4.01 ya no son compatibles.

---

www.micompraventa.net

---

Atributos

= Nuevo en HTML5.

Attribute	Value	Description
charset	char_encoding	Not supported in HTML5. Specifies the character-set of a linked document
coords	coordinates	Not supported in HTML5. Specifies the coordinates of a link
download	filename	Specifies that the target will be downloaded when a user clicks on the hyperlink
href	URL	Specifies the URL of the page the link goes to
hreflang	language_code	Specifies the language of the linked document
media	media_query	Specifies what media/device the linked document is optimized for
name	section_name	Not supported in HTML5. Use the global id attribute instead.Specifies the name of an anchor
rel	alternate author bookmark external help license next nofollow noreferrer noopener prev search tag	Specifies the relationship between the current document and the linked document
rev	text	Not supported in HTML5. Specifies the relationship between the linked document and the current document
shape	default rect circle poly	Not supported in HTML5. Specifies the shape of a link
target	_blank _parent _self _top framename	Specifies where to open the linked document
type	media_type	Specifies the media type of the linked document

Atributos Globales

La etiqueta <a> también admite los atributos globales en HTML .

---

Atributos del evento

La etiqueta <a> también admite los Atributos de evento en HTML .

---

Pruebelo usted mismo - Examples

Crear hipervínculos
Cómo crear hipervínculos.

Una imagen como un enlace
Cómo usar una imagen como un enlace.

Abra un enlace en una nueva ventana del navegador
Cómo abrir un enlace en una nueva ventana del navegador, para que el visitante no tenga que abandonar su sitio web.

Cree un enlace de mailto
Cómo enlazar con un mensaje de correo (solo funcionará si tiene correo instalado).

Crear un enlace de mailto 2
Otro enlace de mailto.

Enlace a un elemento con un ID especificado
Cómo vincular un elemento con un ID especificado dentro de una página (el atributo de nombre no es compatible con HTML5).

Enlace a JavaScript
Cómo agregar un JavaScript dentro del atributo href.

---

páginas relacionadas

HTML tutorial: HTML Enlaces

Referencia de HTML DOM: Anchor Object

Tutorial CSS: Enlaces de estilo

---

Configuración de CSS predeterminada

La mayoría de los navegadores mostrarán el elemento <a> con los siguientes valores predeterminados:

a:link, a:visited { 
    color: (internal value);
    text-decoration: underline;
    cursor: auto;}

a:link:active, a:visited:active { 
    color: (internal value);}

❮ReferenciaHTML completaanteriorSiguiente ❯