Elemento <a>
Descripción
La etiqueta <a> es uno de los elementos importantes de HTML y está destinada a crear enlaces. Dependiendo de la presencia de los atributos name o href, la etiqueta <a> establece un enlace o un ancla. Un ancla es un marcador dentro de una página que se puede indicar como destino del enlace. Al utilizar un enlace que apunta a un ancla, se realiza una navegación hacia ese marcador dentro de la página web.
Para crear un enlace, es necesario indicar al navegador qué elemento es un enlace y especificar la dirección del documento al que se debe dirigir. Como valor del atributo href se utiliza la dirección del documento (URL, Localizador Uniforme de Recursos), que define a dónde se realizará la navegación. La dirección del enlace puede ser absoluta o relativa. Las direcciones absolutas funcionan en cualquier lugar, independientemente del nombre del sitio o de la página web donde se encuentre el enlace. Los enlaces relativos, como lo indica su nombre, están construidos en relación con el documento actual o la raíz del sitio.
Sintaxis
<a href="URL">...</a>
<a name="identificador">...</a>Atributos
- accesskey
- Activación de un enlace mediante una combinación de tecla
- coords
- Establece las coordenadas del área activa
- download
- Ofrece descargar el archivo indicado en el enlace
- href
- Especifica la dirección del documento al que se debe acceder
- hreflang
- Identifica el idioma del contenido del enlace
- name
- Establece el nombre del ancla dentro del documento
- rel
- Relación entre el documento enlazado y el documento actual
- rev
- Relación entre el documento actual y el documento enlazado
- shape
- Define la forma del área activa del enlace en imágenes
- tabindex
- Define el orden de navegación entre los enlaces al presionar la tecla Tab
- target
- Nombre de la ventana o del marco (frame) donde el navegador cargará el documento
- title
- Agrega una sugerencia emergente al texto del enlace
- type
- Indica el tipo MIME del documento al que apunta el enlace
Además, esta etiqueta admite atributos universales y eventos
Etiqueta de cierre
Obligatorio
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег А</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>