Introducción
HTML estructura el contenido. CSS lo presenta (colores, espacios, tipografías). JavaScript añade interacción y animaciones.
Estructura básica de un documento HTML
<!doctype html>
<html lang="es">
<head>...</head>
<body>...</body>
</html>Siempre incluye <meta charset="utf-8"> y la meta viewport para móviles.
Texto y enlaces
Etiquetas comunes: <p>, <h1>..<h6>, <a>, <strong>.
Ejemplo: Enlace de ejemplo
Listas
Listas ordenadas y desordenadas:
- Elemento desordenado
- Otro elemento
- Primero
- Segundo
Layout con Flexbox (ejemplo)
1
2
3
Flexbox facilita filas y columnas responsivas sin floats.
Ejemplo interactivo
Prueba los botones para ver animaciones y cambios:
Texto editable — escribe aquí
Selecciona un botón para activar la animación.
Recursos y siguientes pasos
- Practicar creando páginas sencillas.
- Leer sobre Box Model y posicionamiento.
- Explorar Flexbox y Grid para layouts avanzados.