Enlaces: conectando la Web
Aprenda a crear enlaces en los que se puede hacer clic
Enlaces: conectando la Web es una lección gratuita de HTML for Kids en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML for Kids incluye 4 lecciones en total.
Enlaces: cómo conectar la web
¡Bienvenido a la siguiente lección! Hoy aprenderá a crear enlaces en HTML. Los enlaces conectan distintas páginas web y permiten a los usuarios navegar por Internet fácilmente.
¿Qué son los enlaces?
Los enlaces son elementos en los que se puede hacer clic en una página web y que llevan a otra página, a una sección específica o incluso a un archivo.
Los enlaces se crean mediante la etiqueta <a>, que significa “ancla”.
¡Vamos a crear un enlace sencillo!
Crear un enlace básico
Para crear un enlace, use la etiqueta <a> con el atributo href. El atributo href especifica el destino del enlace.
Ejemplo:
<a href="https://www.google.com">
Visit Google</a>
Abrir enlaces en una pestaña nueva
Puede hacer que un enlace se abra en una pestaña nueva agregando el atributo target="_blank" a la etiqueta <a>.
Ejemplo:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Enlazar otras páginas
Los enlaces también pueden conectar con otras páginas de su sitio web. Use una URL relativa (el nombre del archivo) en lugar de una dirección web completa.
Ejemplo:
<a href="about.html">About Us</a>
Enlazar secciones específicas
Puede enlazar una sección específica de la misma página mediante un ID. Agregue el ID al elemento al que desea enlazar y, después, use #id en el atributo href.
Ejemplo:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Enlazar direcciones de correo electrónico
Puede crear un enlace que abra la aplicación de correo electrónico del usuario usando mailto: en el atributo href.
Ejemplo:
<a href="mailto:hello@example.com">
Send an Email</a>
Agregar información sobre herramientas a los enlaces
Puede agregar información sobre herramientas que aparezca cuando el usuario pase el cursor sobre el enlace mediante el atributo title.
Ejemplo:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
¡Excelente trabajo!
¡Felicidades! Ha aprendido a crear enlaces, abrirlos en pestañas nuevas, enlazar secciones específicas e incluso enlazar direcciones de correo electrónico. Los enlaces son la columna vertebral de la web y conectan todo. En la próxima lección, aprenderá a agregar imágenes a sus páginas web. ¡Prepárese para dar más color a sus páginas!
Preguntas frecuentes
¿La lección «Enlaces: conectando la Web» es gratis?
Sí — el texto completo de «Enlaces: conectando la Web» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML for Kids, actualiza a CoddyKit PRO. El curso de HTML for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Enlaces: conectando la Web»?
Aprenda a crear enlaces en los que se puede hacer clic Practicas HTML for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar HTML for Kids?
No se requiere experiencia previa. HTML for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.
¿Cuánto tiempo toma la lección «Enlaces: conectando la Web»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de HTML for Kids?
Sí. Cada lección de HTML for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Encabezados y párrafos
- Listas: ordenadas y no ordenadas
- Enlaces: conectando la Web
- Imágenes: añada imágenes a su página