HTML semántico
Estructura tu contenido con las etiquetas correctas: header, nav, main, section, article, footer.
HTML & CSS desde cero
Sobre este libro
Sección titulada «Sobre este libro»En el libro anterior aprendiste cómo funciona la web, creaste tu primera página y configuraste tu entorno. Ahora vas a aprender las dos tecnologías que dan forma a todo lo que ves en un navegador: HTML y CSS.
HTML define qué hay en la página. CSS define cómo se ve. Juntos son el 100% de lo visual en la web. No existe una sola página web en internet que no use ambos.
¿Qué vas a aprender?
Sección titulada «¿Qué vas a aprender?»Formularios y tablas
Crea formularios accesibles con validación y tablas de datos bien estructuradas.
Todas las etiquetas HTML
La guía completa: texto, listas, multimedia, interactivas y más.
Introducción a CSS
Selectores, cascada, especificidad y herencia — las reglas del juego.
Propiedades CSS
Cada propiedad explicada: qué hace, cuándo usarla y cómo combinarlas en componentes reales.
El modelo de caja
Margin, padding, border — la base de todo el layout en CSS.
Flexbox
El sistema de layout más usado para alinear y distribuir elementos.
CSS Grid
Layouts bidimensionales: filas y columnas como un profesional.
Diseño responsive
Tu web se verá bien en móviles, tablets y escritorio.
SCSS
CSS con superpoderes: variables, anidamiento, mixins y organización.
Tailwind CSS
Estiliza tu web con clases de utilidad directamente en tu HTML.
Proyecto final
Construye una landing page completa y responsive desde cero.
Prerequisitos
Sección titulada «Prerequisitos»Necesitas haber completado el Libro 1: Intro al desarrollo web. En particular:
- Saber crear archivos HTML y abrirlos en el navegador
- Tener VS Code instalado con Live Server
- Conocer la estructura básica de un documento HTML (
<!DOCTYPE>,<html>,<head>,<body>)
Si no completaste el libro anterior, empieza por ahí.
Estructura
Sección titulada «Estructura»El libro tiene 12 capítulos. Los primeros tres se centran en HTML, los siguientes seis en CSS (desde lo básico hasta responsive), luego aprenderás dos herramientas profesionales (SCSS y Tailwind), y el último es un proyecto donde aplicas todo.