Páginas

ETIQUETA <a>

ETIQUETA <a>

¿ PARA QUE SIRVE ?

La etiqueta <a> en HTML se utiliza para crear enlaces a otras páginas web, archivos, ubicaciones dentro de la misma página, direcciones de correo electrónico, y más. El atributo href dentro de la etiqueta <a> especifica la URL del destino del enlace.

Aquí tienes algunos ejemplos de cómo usar la etiqueta <a>

Recuerda que estos ejemplos van dentro de la etiqueta <body>

▶︎ Enlace a otra página web

    <a href="https://afdfwe.blogspot.com/">Visitar HTML SYNTAXIS</a>
    

EJEMPLO:

Visitar HTML SYNTAXIS

▶︎ Enlace a un archivo

En el href se colocara la ruta del documento o link de descarga directa del archivo ya sea de internet o de repositorio

  <a href="GAGITO.png"> Descargar IMAGEN DE GATITO </a>
  

EJEMPLO:

Descargar IMAGEN DE GATITO

▶︎ Enlace a una ubicación dentro de la misma página

 <!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace Interno</title>
</head>
<body>
    <a href="#seccion">Ir a Sección</a>

    <div style="margin-top: 1000px;">
        <h2 id="seccion">Sección</h2>
        <p>Contenido de la sección.</p>
    </div>
</body>
</html>
 

▶︎ Enlace a una dirección de correo electrónico

<a href="mailto:correo@ejemplo.com">Enviar Correo</a>

▶︎ Dale clic a una imagen para abrir un enlace

<a href="https://www.google.com">
    <img src="https://i.postimg.cc/3NMKShxd/google.jpg" alt="Imagen de Ejemplo">
</a>

EJEMPLO:

Imagen de Ejemplo