Etiqueta HTML <a>

Definición y uso

<a> La etiqueta define un hipervínculo, utilizado para enlazar una página a otra.

<a> El atributo más importante del elemento es Atributo hrefindicando el destino del enlace.

Por defecto, los enlaces se mostrarán en todos los navegadores como se muestra a continuación:

  • Los enlaces no visitados tienen subrayado y azul
  • Los enlaces visitados tienen subrayado y púrpura
  • El enlace que está visitando tiene subrayado y rojo

Quizás ya haya notado que los enlaces en el sitio web CodeW3C.com tienen un aspecto muy diferente al de los enlaces predeterminados. Puede usar: Clases pseudo de CSS Añadir estilos complejos y variados a los enlaces de texto.

Vea también:

Tutorial de HTML:Enlaces HTML

Manual de referencia del DOM HTML:Objeto Anchor

Tutorial de CSS:Estilos de enlace

Explicación de términos

¿Qué es el hipertexto?

Ejemplo

Ejemplo 1

Crear un enlace hacia codew3c.com:

<a href="https://www.codew3c.com">¡Visite codew3c.com!</a>

Ejemplo 2

¿Cómo usar una imagen como enlace?:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Ejemplo 3

¿Cómo abrir un enlace en una nueva ventana del navegador?:

<a href="https://www.codew3c.com" target="_blank">¡Visite codew3c.com!</a>

Ejemplo 4

¿Cómo enlazar a una dirección de correo electrónico?:

<a href="mailto:someone@example.com">Enviar correo electrónico</a>

Ejemplo 5

¿Cómo enlazar a un número de teléfono?:

<a href="tel:+8613888888888">+86 138 8888 8888</a>


<a href="#section2">Ir al capítulo 2</a>


<a href="javascript:alert('Hello World!');">Ejecutar JavaScript</a>

Enlaces CSS Botones CSS.

Define qué destino descargará el usuario al hacer clic en el enlace.
Define la URL de la página a la que apunta el enlace.
Define el idioma del documento enlazado.
Define para qué tipo de medio/dispositivo está optimizado el documento enlazado.
Define una lista de URL separados por espacio, cuando se accede al enlace, el navegador enviará una solicitud POST con el cuerpo del ping (enviado en segundo plano). Generalmente se utiliza para el seguimiento.
Define la información de referencia que se enviará junto con el enlace.
  • Next
  • noopener
 Define la relación entre el documento actual y el documento enlazado.
target
Define dónde se abrirá el documento enlazado.
type Tipo de medio Define el tipo de medio del documento enlazado.

Atributos globales

<a> Las etiquetas también admiten Atributos globales en HTML.

Atributos de eventos

<a> Las etiquetas también admiten Atributos de eventos en HTML.

Configuración CSS predeterminada

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

a:link, a:visited {
  color: (valor interno);
  text-decoration: underline;
  cursor: auto;
{}
a:link:active, a:visited:active {
  color: (valor interno);
{}

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte