Curso de HTML gratis y sin registro

Primer reto: repara una lista

Abre el editor interactivo y escribe un título para una lista de tareas. Añade un elemento ul y coloca dentro dos elementos li. En una versión incorrecta, el segundo li queda fuera de la lista. El navegador puede dibujarlo de alguna manera, pero la relación entre los elementos ya no está expresada correctamente. Mueve el cierre </ul> después del último elemento y ejecuta de nuevo.

<h1>Preparar mi página</h1>
<ul>
  <li>Elegir un título</li>
  <li>Escribir una introducción</li>
</ul>

La comprobación no consiste solo en ver dos puntos en pantalla. Debes poder explicar que ambos pertenecen a la misma lista y que el elemento padre los agrupa. Descarga el HTML y vuelve a abrirlo para comprobar que el resultado no depende del editor de esta web.

La secuencia del curso

Primero aprenderás la estructura mínima de un documento: idioma, metadatos, título y cuerpo. Luego practicarás encabezados, párrafos y listas para organizar información. La tercera parte introduce enlaces e imágenes con rutas y textos alternativos. Después crearás un formulario sencillo con etiquetas asociadas a sus controles. Finalmente reunirás esas piezas en un proyecto pequeño y revisarás cómo se comporta sin estilos y en una pantalla estrecha.

En cada etapa conserva un archivo que puedas abrir fuera del sitio. El objetivo no es marcar una lección como leída, sino producir un cambio verificable. Cuando añadas un enlace, actívalo. Cuando añadas una imagen, prueba qué ocurre si el recurso no carga. Cuando añadas un formulario, intenta usarlo solo con teclado. Esas pruebas transforman conceptos abstractos en decisiones que puedes repetir.

Qué hacer cuando te atasques

Si el resultado no cambia, guarda el archivo correcto y recarga la página. Si una etiqueta aparece como texto, comprueba los signos que la delimitan. Si un enlace no navega, revisa el valor de href y el destino real. Si una imagen falta, compara su ruta con la ubicación del archivo HTML. Evita cambiar varias cosas a la vez: una corrección pequeña permite saber qué resolvió el problema.

Puedes avanzar a tu ritmo y volver a un ejercicio sin perder acceso. No hay formulario de inscripción, correo obligatorio ni contenido que dependa de una sesión privada. Usa el tutorial si quieres una explicación progresiva y el editor si prefieres probar una línea inmediatamente. Al terminar, enseña tu archivo a alguien y pide que encuentre el título, active un enlace y entienda la secuencia de la página sin instrucciones tuyas.