Ejemplo
Un enlace a w3ii.com:
<a href="http://www.w3ii.com">Visit w3ii.com!</a>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El <a> etiqueta define un hipervínculo, que se utiliza para vincular de una página a otra.
El atributo más importante de la <a> elemento es el href atributo, que indica el destino del vínculo.
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 es subrayada y púrpura
- Un vínculo activo es subrayada y rojo
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <a> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Los following atributos: download, hreflang, media, rel, target y type no puede estar presente si el href atributo no está presente.
Consejo: Una página vinculada normalmente aparece en la ventana del navegador actual, a menos que se especifique otro objetivo.
Consejo: Usar CSS para enlaces de estilo: Vínculos de CSS Tutorial y CSS Botones Tutorial
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, el <a> etiqueta podría ser o bien un hipervínculo o un ancla. En HTML5, la <a> etiqueta es siempre un hipervínculo, pero si no tiene href atributo, que es sólo un marcador de posición para un hipervínculo.
HTML5 tiene algunos atributos nuevos, y algunos atributos HTML 4.01 ya no se soportan.
atributos
= Nuevo en HTML5.
Los atributos globales
El <a> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
El <a> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
crear hipervínculos
Cómo crear hipervínculos.
Una imagen como un enlace
Cómo utilizar una imagen como un enlace.
Abrir un enlace en una nueva ventana del navegador
Cómo abrir un enlace en una nueva ventana del navegador, para que el visitante no tiene que salir de su sitio Web.
Crear un enlace mailto
Cómo enlazar a un mensaje de correo (sólo funcionará si ha instalado electrónico).
Crear un enlace mailto 2
Otro enlace de correo.
Enlace a un elemento con un determinado id
Cómo enlazar a un elemento con un determinado id dentro de una página (el name atributo no es compatible con HTML 5).
Enlace a un JavaScript
Cómo añadir un JavaScript dentro del href atributo.
Páginas relacionadas
Tutorial de HTML: Enlaces HTML
Referencia HTML DOM: objeto de anclaje
CSS Tutorial: Enlaces Styling
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <a> elemento 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 );
} | Atributo | Valor | Descripción |
|---|---|---|
| charset | char_encoding | No se admite en HTML5. Especifica el juego de caracteres de un documento vinculado |
| coords | coordinates | No se admite en HTML5. Especifica las coordenadas de un enlace |
| download | filename | Especifica que el objetivo se descarga cuando un usuario hace clic en el hipervínculo |
| href | URL | Especifica la dirección URL de la página que el enlace va a |
| hreflang | language_code | Especifica el idioma del documento vinculado |
| media | media_query | Especifica qué dispositivo / medio el documento vinculado está optimizado para |
| name | section_name | No se admite en HTML5. Utilice el mundial id atributo en su lugar. Especifica el nombre de un ancla |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Especifica la relación entre el documento actual y el documento vinculado |
| rev | text | No se admite en HTML5. Especifica la relación entre el documento vinculado y el documento actual |
| shape | default rect circle poly | No se admite en HTML5. Especifica la forma de un enlace |
| target | _blank _parent _self _top framename | Especifica dónde abrir el documento vinculado |
| type | media_type | Especifica el tipo de medio del documento vinculado |