Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
No necesitas instalar nada para practicar aquí, pero vale la pena conocer las herramientas que usan los desarrolladores reales todos los días.
Explicación
Un editor de código no es solo un lugar para escribir texto: te ayuda a evitar errores antes de que ocurran. Estas son las funciones que más vas a usar:
Resaltado de sintaxisColorea las etiquetas y atributos para que el código sea más fácil de leer.
AutocompletadoSugiere etiquetas y atributos mientras escribes, y cierra las que abres.
Errores en tiempo realMarca etiquetas mal cerradas o mal escritas antes de que ejecutes nada.
Formateo automáticoOrdena la indentación del código con un atajo de teclado.
Reto rápido
Reordena e indenta el código a mano, línea por línea, para practicar antes de usar el formateo automático.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
El editor de Código Real usa Monaco, el mismo motor de Visual Studio Code, directo en tu navegador.
Dato extra
Cuando quieras programar fuera del navegador, Visual Studio Code (gratis) es el editor más usado por la comunidad web.
Error común
Guardar el archivo con la extensión incorrecta (por ejemplo .txt en vez de .html) hace que el navegador no lo reconozca como una página web.
Siguiente paso
Terminaste el módulo de introducción. El siguiente módulo profundiza en la estructura del documento HTML.
Ir a la siguiente lección