← Learn to Code — Python, Java, C, SQL & Web · Aprende a programar — Python, Java, C, SQL y Web
Web Basics — HTML & CSS · Fundamentos de la Web — HTML & CSS
Start from zero. Short steps. Build a real web page. · Comienza desde cero. Pasos cortos. Construye una página web real.
html 21 Lessons · Lecciones
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · Cada lección funciona en su navegador: escriba código real, presione Ejecutar y las tareas se verifican solas. Gratis, sin necesidad de cuenta, con notas traducidas emparejadas con inglés.
Start the course · Iniciar el curso
Lessons in this course · Lecciones en este curso
No lessons match. Clear the search or choose another filter.
- history A short history of the web · Una breve historia de la web Reading and resources
- usage What a web page is made of · Qué está compuesto una página web Reading and resources
- resources Where to learn more · Dónde aprender más Reading and resources
- setup What you need (almost nothing) · Lo que necesitas (casi nada) Reading and resources
- 01 Your first web page · Tu primera página web 2 required tasks Video
- 02 Headings and paragraphs · Títulos y párrafos 2 required tasks Video
- 03 Bold, italic and line breaks · Negrita, cursiva y saltos de línea 2 required tasks Video
- 04 Lists · Listas 2 required tasks Video
- 05 Links · Enlaces 2 required tasks Video
- 06 Images · Imágenes 2 required tasks Video
- 07 Make it a real page · Conviértelo en una página real 2 required tasks Video
- 08 Comments and neat nesting · Comentarios y anidamiento ordenado 2 required tasks Video
- 09 Tables · Tablas 2 required tasks Video
- 10 Forms · Formas 2 required tasks Video
- 11 Boxes and sections · Cajas y secciones 2 required tasks Video
- 12 Add some style · Añade estilo 2 required tasks Video
- 13 Selectors — class and id · Selectores — clase e id 2 required tasks Video
- 14 Colours and backgrounds · Colores y fondos 2 required tasks Video
- 15 Styling text · Dar formato al texto 2 required tasks Video
- 16 The box model · El modelo de caja 2 required tasks Video
- 17 Spacing — margin and padding · Espaciado — margen y relleno 2 required tasks Video
- 18 Showing and hiding (display) · Mostrar y ocultar (display) 2 required tasks Video
- 19 Width and centering · Ancho y centrado 2 required tasks Video
- 20 Rows with Flexbox · Filas con Flexbox 2 required tasks Video
- 21 Mini-project: a profile card · Mini-proyecto: una tarjeta de perfil 3 required tasks Video