Diccionario HTML
Atributos Globales HTML Atributos de Eventos HTML
<!--Comentarios--> <!DOCTYPE>
<a> <abbr> <address> <area> <article> <aside>
<a href="https://www.google.com">Google</a>
Destino :)
La etiqueta <a> define un hipervínculo, que se utiliza para enlazar de una página a otra.
El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace.
De forma predeterminada, 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


    • - Si la etiqueta <a> no tiene ningún atributo href, es solo un marcador de posición para un hipervínculo.

    - Una página vinculada normalmente se muestra en la ventana actual del navegador, a menos que especifique otro destino.

    - Puedes usar CSS para diseñar enlaces CSS y botones CSS


    Ejemplo

    <a href="https://www.google.com">Google</a>

    Resultado en el navegador

    Google


    Más ejemplos

  • Cómo utilizar una imagen como enlace:

    • <a href="https://www.google.com">
    ⠀⠀⠀<img src="imagen.png">
    </a>



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

    • <a href="https://www.google.com" target="_blank">Google</a>

    Google



  • Cómo vincular a una dirección de correo electrónico:

    • <a href="mailto:contacto@conjasifweb.com">Contacto</a>

    Contacto



  • Cómo vincular a un número de teléfono:

    • <a href="tel:+4733378901">Teléfono</a>

    Teléfono



  • Cómo vincular a otra sección en la misma página:

    • <a href="#seccion">Ir a destino</a>

    <div id="seccion">Destino</div>

    Ir a destino



  • Cómo vincular a un JavaScript:

    • <a href="javascript:alert('Hola mundo :D');">Ejecutar JavaScript</a>

    Ejecutar JavaScript



    Atributos

    Atributo

    Valor

    Descripción

    download

    filename

    Especifica que el objetivo se descargará cuando un usuario haga clic en el hipervínculo

    href

    URL

    Especifica la URL de la página a la que va el enlace

    hreflang

    language_code

    Especifica el idioma del documento vinculado

    media

    media_query

    Especifica para qué medio/dispositivo está optimizado el documento vinculado

    ping

    list_of_URLs

    Especifica una lista de direcciones URL separadas por espacios a las que, cuando se sigue el enlace, el navegador enviará solicitudes de publicación con el ping del cuerpo (en segundo plano). Normalmente se utiliza para el seguimiento

    referrerpolicy

    - no-referrer
    - no-referrer-when-downgrade
    - origin
    - origin-when-cross-origin
    - same-origin
    - strict-origin-when-cross-origin
    - unsafe-url

    Especifica qué información de referencia enviar con el enlace

    rel

    - alternate
    - author
    - bookmark
    - external
    - help
    - license
    - next
    - nofollow
    - noreferrer
    - noopener
    - prev
    - search
    - tag

    Especifica la relación entre el documento actual y el documento vinculado

    target

    _blank
    _parent
    _self
    _top

    Especifica dónde abrir el documento vinculado

    type

    media_type

    Especifica el tipo de medio del documento vinculado

    Anuncio