Los bloques básicos de una página
Explore los tres elementos raíz y qué corresponde a cada uno.
Los bloques básicos de una página es una lección gratuita de HTML Academy en CoddyKit. Esta es la lección 3 de 3. 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 Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML Academy incluye 3 lecciones en total.
Las páginas están hechas de piezas
Toda página web se construye a partir de pequeñas piezas llamadas elementos. Conozcamos los más sencillos. 🧱
Encabezados
Los encabezados son los títulos grandes y en negrita. Indican a los lectores de qué trata una sección.
<h1>My First Page</h1>Párrafos
Los párrafos contienen el texto normal. La mayoría de las palabras de una página se encuentran dentro de ellos.
<p>Welcome to my page.</p>Imágenes
Las imágenes dan vida a una página. Una pequeña etiqueta coloca una imagen directamente en su página. 🖼️
Enlaces
Los enlaces conectan unas páginas con otras. Son lo que convierte la web en una red por la que puede navegar haciendo clic.
Listas
¿Necesita viñetas? Las listas le permiten colocar elementos ordenadamente, uno debajo de otro.
Cajas dentro de cajas
Unos elementos pueden estar dentro de otros, como cajas dentro de cajas. Esto se denomina anidamiento.
Como construir con ladrillos
Coloque un encabezado, un párrafo, una imagen y un enlace, ¡y tendrá una página real! 🏗️
Una receta sencilla
La mayoría de las páginas siguen el mismo patrón sencillo. Por eso, cuando aprenda unos cuantos componentes, podrá construir cualquier cosa.
¡Lo ha conseguido!
¡Ha terminado la introducción y conoce los componentes básicos! A partir de aquí, todo será aún más divertido. 🎉
Comprobación rápida
Ha conocido varios componentes básicos. ¿Cuál contiene el texto normal del cuerpo?
Preguntas frecuentes
¿La lección «Los bloques básicos de una página» es gratis?
Sí — el texto completo de «Los bloques básicos de una página» 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 Academy, actualiza a CoddyKit PRO. El curso de HTML Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Los bloques básicos de una página»?
Explore los tres elementos raíz y qué corresponde a cada uno. Practicas HTML Academy 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 Academy?
No se requiere experiencia previa. HTML Academy 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 3.
¿Cuánto tiempo toma la lección «Los bloques básicos de una página»?
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 Academy?
Sí. Cada lección de HTML Academy 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
- ¿Qué es HTML?
- Cómo leen HTML los navegadores
- Los bloques básicos de una página