Enlaces
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 21 de 60.
En HTML, un enlace (o hipervínculo) es un elemento que conecta una página web con otra.
Puedes crear enlaces a otras páginas web, archivos, ubicaciones dentro de la misma página o cualquier otra URL. Los enlaces se crean utilizando la etiqueta <a>, que significa ancla (anchor).
Aquí tienes la sintaxis básica para crear un enlace en HTML:
<a href="url">Link text</a><a>: La etiqueta de anclaje de apertura.href: La URL de destino del enlace.
Link text: El texto visible que los usuarios verán y en el que harán clic.</a>: La etiqueta de anclaje de cierre.
Aquí tienes un ejemplo de cómo crear un enlace a la página principal de Google:
<a href="https://www.google.com">Visit Google</a>En este ejemplo, cuando un usuario hace clic en el texto "Visit Google", será dirigido a https://www.google.com.
Desafío
FácilCrea un documento HTML que incluya los siguientes enlaces:
- Un enlace que apunte a "https://coddy.tech" y muestre el texto "Visit Coddy".
- Un enlace que apunte a "https://www.google.com" y muestre el texto "Visit Google".
Bonus: ¡intenta hacer clic en los enlaces!
Hoja de referencia
Los enlaces en HTML se crean utilizando la etiqueta <a> (ancla) con el atributo href:
<a href="url">Link text</a>href: La URL de destinoLink text: El texto visible en el que se puede hacer clic
Ejemplo:
<a href="https://www.google.com">Visit Google</a>Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe el código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2