HTML Ya: aprende con práctica
HTML Ya permite entrar por tres caminos: empezar un documento, consultar un concepto o construir una página completa. Todos llevan a la misma práctica: modificar código, observar el resultado y guardar un archivo que puedas explicar. Elige según lo que necesitas hoy, sin formulario de acceso ni promesa de progreso automático.
Si nunca escribiste HTML
Empieza con un documento mínimo. Mira dónde están head y body, cambia el título de la pestaña y añade un encabezado visible. Después crea una lista y un enlace. Trabaja en ese orden para poder identificar qué cambio produjo cada resultado. Si el navegador muestra algo inesperado, compara el código actual con la versión anterior antes de añadir más etiquetas.
Una primera victoria de cinco minutos consiste en cambiar el h1 del ejemplo, escribir un párrafo propio y ejecutar la vista previa. Descarga el archivo y ábrelo desde tu dispositivo. Si ves el mismo contenido, acabas de pasar de una muestra en pantalla a un documento que controlas. Ese archivo es más útil que una insignia que solo existe dentro del sitio.
Si buscas una etiqueta concreta
El tutorial y la guía de conceptos separan elementos de atributos. Cuando necesitas un enlace, no basta con recordar a: debes saber qué texto leerá la persona y qué destino guarda href. Cuando necesitas una imagen, debes distinguir el recurso en src de la alternativa en alt. Busca la explicación breve, copia el ejemplo en un documento pequeño y cambia un valor para comprobar su función.
<a href="/tutorial-html/">Abrir el tutorial</a> <img src="images/mapa.png" alt="Plano de las tres salas del taller">
Si una ruta no funciona, comprueba dónde está el archivo desde el que se interpreta. Si un enlace parece correcto pero conduce al lugar equivocado, revisa el destino, no solo el texto visible. Usa el editor para pruebas rápidas y luego verifica el resultado en un archivo local.
Si quieres construir algo completo
Escoge un proyecto con una pregunta de uso real. Una receta debe permitir encontrar ingredientes y seguir pasos. Una página de evento debe mostrar fecha, lugar y programa. Una guía pequeña debe dejar encontrar una sección sin leer todo desde el principio. Escribe primero el contenido y su orden, luego añade CSS para espacio y tipografía. JavaScript solo es necesario cuando una acción debe producir un cambio que HTML no puede ofrecer por sí solo.
Antes de dar el proyecto por terminado, recórrelo con teclado, ábrelo a un ancho estrecho y desactiva los estilos durante una prueba. El contenido principal debe seguir siendo comprensible. Pide a otra persona que complete una tarea, como localizar una fecha o abrir un enlace, sin explicarle dónde mirar. Esa observación revela problemas que no se descubren al contemplar únicamente el diseño.
Vuelve a esta entrada cuando una lección parezca demasiado fácil o demasiado difícil. Cambiar de camino no significa empezar de cero: las mismas habilidades se repiten en situaciones distintas. Conserva los archivos que ya hiciste y compara una versión temprana con otra más clara. Tu progreso está en las decisiones que puedes justificar y reproducir.