Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Antes de escribir contenido real, vas a bosquejar la estructura semántica de tu proyecto final: una página de presentación personal que usará todo lo que aprendiste en el curso.
Explicación
Antes de llenar una página de contenido, vale la pena bosquejar su esqueleto semántico. Así se reparte tu proyecto final:
<header>Encabezado de la página completa: tu nombre y el menú de navegación.
<main>Envuelve todo el contenido único de la página (el que no se repite en otras páginas).
<section id="...">Cada bloque temático del proyecto (sobre mí, habilidades, experiencia...); el id permite enlazarlo desde el menú.
<footer>Cierre de la página: enlaces sociales y derechos de autor.
Reto rápido
A este esqueleto le falta la etiqueta <footer> de cierre. Agrégala después de </main>, con un comentario adentro.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Escribir primero el esqueleto con comentarios, sin contenido real, te obliga a pensar en la jerarquía antes de perderte en los detalles de cada sección.
Dato extra
Los id de cada <section> no son decorativos: en la siguiente lección el menú del <header> los usa como enlaces de ancla (<a href="#sobre-mi">).
Error común
Meter todo el contenido en un único <div> gigante en vez de repartirlo en <header>, <main> y <footer>: funciona visualmente, pero pierde todo el significado semántico que ya aprendiste.
Siguiente paso
Con el esqueleto planeado, en la siguiente lección vas a llenarlo con contenido real: texto, imágenes, una lista, una tabla, un formulario y multimedia.
Ir a la siguiente lección