12. Enlaces HTML

Curso HTML5 desde cero — Freimel Jerez

Los enlaces permiten conectar páginas, archivos, secciones y recursos dentro y fuera de un sitio web.

🔗 Etiqueta <a>

La etiqueta <a> se usa para crear enlaces. El atributo principal es href.

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

🧭 Enlaces internos

<a href="contacto.html">Contacto</a>

🌐 Enlaces externos

<a href="https://freimeljerezwebapps.com">
  Mi sitio web
</a>

🆕 Abrir enlace en otra pestaña

<a href="https://google.com" target="_blank" rel="noopener">
  Abrir Google
</a>

👉 rel="noopener" mejora la seguridad.

📧 Enlace de correo (mailto)

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

📞 Enlace telefónico (tel)

<a href="tel:+573001234567">
  Llamar ahora
</a>

⬇️ Enlace de descarga

<a href="archivo.pdf" download>
  Descargar PDF
</a>

📍 Enlaces ancla (secciones)

<a href="#contacto">Ir a contacto</a>

<section id="contacto">
  Contenido aquí
</section>

🎥 Video de la lección

Debes ver el video completo para desbloquear la siguiente lección.

✅ Resumen

• Los enlaces conectan todo en la web
• <a> es la etiqueta principal
• Puedes enlazar páginas, correos, teléfonos y archivos

En la siguiente lección aprenderás etiquetas semánticas HTML5.