Curso HTML en PDF: guía de estudio
Una guía descargable es más útil cuando propone ejercicios que puedes comprobar. Este curso reúne cinco sesiones: documento mínimo, texto y listas, enlaces e imágenes, formulario y proyecto final. Puedes descargar la guía de estudio en PDF gratis y sin registro, imprimirla o usarla junto a las lecciones interactivas.
Sesiones uno y dos: crea el archivo y ordénalo
En la primera sesión guarda index.html con idioma, codificación, título, encabezado y párrafo. Abre el archivo desde tu dispositivo. Cambia el título de la pestaña sin cambiar el encabezado visible para demostrar que reconoces head y body. En la segunda sesión añade dos temas con encabezados y una lista. Decide si el orden de sus elementos importa y elige ol o ul según esa decisión.
Al terminar cada sesión conserva una copia. Si el navegador muestra código sin interpretarlo, revisa la extensión del archivo. Si una modificación no aparece, comprueba que editaste, guardaste y recargaste el archivo abierto. Estas verificaciones parecen simples, pero evitan avanzar con una base que solo funciona dentro de una vista temporal.
Sesiones tres y cuatro: conecta y pregunta
En la tercera sesión crea una segunda página, enlázala desde la primera y añade una imagen guardada dentro de la carpeta del proyecto. El texto del enlace debe indicar adónde va y la imagen debe tener una alternativa adecuada. Cambia temporalmente la ruta de la imagen para comprobar qué ocurre cuando falta; después restáurala. Copia la carpeta a otra ubicación y verifica que los enlaces relativos siguen funcionando.
<a href="sobre.html">Sobre este proyecto</a> <img src="images/esquema.jpg" alt="Esquema de las partes del proyecto">
En la cuarta sesión construye un formulario de práctica con un label vinculado a su input. Recorre los controles con teclado. Si aún no hay un servicio que procese datos, presenta el formulario como ejercicio y no como un canal real de contacto. Escribe el resultado que esperas de cada control antes de añadir JavaScript.
Sesión cinco: entrega una página que otro pueda usar
Elige una receta, una página de evento o una mini guía y reúne las piezas anteriores. Define una tarea para otra persona, como encontrar la hora de un evento o seguir un conjunto de pasos. Abre el proyecto a un ancho estrecho, activa todos los enlaces y revisa el orden sin CSS. Si la persona no puede completar la tarea, mejora primero el contenido y la navegación.
El PDF contiene una lista breve para cada sesión; las páginas de HTML Ya amplían las decisiones con ejemplos ejecutables. No hay fecha límite ni cuenta que conserve el avance. Guarda tus archivos y una nota de lo que verificaste. Cuando vuelvas, podrás comparar tu primera versión con una más clara y saber exactamente qué mejoró.
Si estudias sin conexión, usa la guía como lista de tareas y guarda cada archivo después de comprobarlo. Al volver a la web, compara tu solución con un ejemplo ejecutable y anota una diferencia que entiendas. No hace falta completar todas las sesiones en una tarde: una sesión terminada con un archivo que abre y una decisión que puedes explicar vale más que pasar rápidamente por cinco páginas sin probar nada.