aprende HTML gratis
Una página web empieza con una idea clara y unas pocas etiquetas bien elegidas. Aquí puedes aprender HTML gratis, cambiar ejemplos en el navegador y llevarte el archivo terminado. No necesitas registrarte ni instalar nada para dar el primer paso.
Abrir el editor gratuitoEmpezar desde cero
El código
<h1>Mi primera página</h1> <p>Estoy aprendiendo HTML.</p>
El resultado
Estoy aprendiendo HTML.
Qué vas a construir
En la primera lección crearás un documento que el navegador pueda abrir por sí solo. Aprenderás a distinguir el título de la pestaña del encabezado visible, a organizar párrafos y listas, y a escribir enlaces que lleven a otra página. Después podrás añadir una imagen con una descripción útil, un formulario pequeño y una hoja de estilos. Cada paso tiene un resultado visible: no hace falta memorizar una lista de etiquetas antes de probarlas.
HTML describe la estructura y el significado del contenido. CSS controla cómo se presenta. JavaScript permite responder a acciones, como pulsar un botón. En la ruta del curso los tratamos por separado para que sepas qué archivo cambiar cuando algo no funciona. Si una página sigue siendo comprensible sin CSS, su estructura suele ser una buena base para continuar.
Prueba una modificación en cinco minutos
- Abre el curso interactivo y localiza el texto entre las etiquetas
<h1>y</h1>. - Cambia ese texto por el nombre de una página que te gustaría crear y pulsa Ejecutar.
- Añade un párrafo debajo del encabezado. Comprueba que aparece en la vista previa.
- Descarga el archivo HTML y ábrelo desde tu dispositivo. El resultado debe seguir funcionando sin esta web.
Si el encabezado no cambia, comprueba que editaste el código y no la vista previa. Si aparece una etiqueta escrita como texto, revisa los signos < y >. Si el archivo descargado abre una versión anterior, guarda la nueva versión y vuelve a abrir ese archivo concreto. Estos pequeños diagnósticos te enseñan más que copiar un ejemplo sin mirarlo.
Elige tu entrada
Si nunca escribiste HTML, empieza por la anatomía de un documento y sigue con la primera página desde cero. Si ya puedes crear encabezados y enlaces, entra en el tutorial para practicar listas, imágenes y formularios. Si buscas un resultado para enseñar, usa los proyectos de HTML y CSS: cada uno tiene un entregable y una lista de comprobación. También puedes abrir el editor ahora mismo, cambiar una línea y ver qué hace. Todas las rutas mantienen la misma idea: escribir, ejecutar, observar y corregir.
Elige una tarea pequeña y termínala: un encabezado claro, un enlace que funcione y un archivo que puedas abrir sin esta web. Si el resultado no aparece como esperabas, compara tu código con la vista previa y cambia una sola cosa cada vez. Puedes volver a las lecciones para entender la etiqueta concreta que te falta; el editor y los ejemplos siguen disponibles sin una cuenta.