HTML Ya: cómo usar esta guía
HTML Ya está organizado para que puedas pasar de una explicación a una prueba y de la prueba a un archivo propio. Esta guía te muestra dónde empezar, cómo usar el editor y qué hacer si prefieres consultar una etiqueta o construir un proyecto. Ninguno de esos recorridos exige registro.
Lee una idea y localiza su ejemplo
Cada lección intenta responder una pregunta concreta: qué hace una etiqueta, qué resultado produce y cómo reconocer un error. Empieza por el documento mínimo si aún confundes head con body. Si esa base ya te resulta familiar, busca enlaces, imágenes o formularios dentro del tutorial. No necesitas leer todo el sitio en orden: usa el título de la página y los enlaces relacionados para elegir la siguiente tarea.
Antes de copiar un bloque, identifica qué parte deberías poder modificar. En un ejemplo de enlace, cambia por separado el texto visible y el destino. En una imagen, cambia la ruta y observa el texto alternativo cuando no carga. Una lectura que termina en una modificación concreta vale más que varias páginas abiertas sin una prueba.
Usa el editor y la vista previa
El curso interactivo incluye un área de código, un botón para ejecutar, otro para volver al ejemplo inicial y uno para descargar HTML. Cambia el encabezado del documento y pulsa Ejecutar. La vista previa debe reflejar el nuevo texto. Añade un párrafo y ejecuta otra vez. Si no cambia nada, confirma que editaste el código y activaste el botón después de hacerlo. Restablecer ejemplo recupera el punto de partida en esa página.
<h1>Mi idea</h1> <p>Quiero explicar cómo funciona.</p>
La vista previa está aislada y no ejecuta JavaScript escrito en el editor. Sirve para estudiar estructura y presentación. Si deseas llevar el trabajo a un editor local, descarga el archivo y ábrelo en tu dispositivo. La descarga no sincroniza cambios posteriores; conserva el archivo que quieras seguir editando.
Elige una ruta según tu objetivo
Para empezar desde cero, sigue la primera página y comprueba cada paso en el navegador. Para consultar una duda, abre la lección del concepto y prueba su ejemplo mínimo. Para reunir varias habilidades, escoge un proyecto con un entregable definido: receta, evento o pequeña guía. Si ya trabajas en VS Code, usa el recorrido que explica archivos, carpetas y rutas relativas. Así evitas mezclar una duda sobre HTML con un problema de ubicación de archivos.
Al final de una sesión corta deberías tener algo que mostrar: un título cambiado, una lista reparada o un archivo que abre fuera del sitio. Anota el cambio que hiciste y el resultado observado. Si el archivo no funciona fuera de la vista previa, revisa rutas, extensiones y etiquetas antes de empezar de nuevo. HTML Ya no guarda una cuenta con tu progreso: tu evidencia es el documento que entiendes y puedes conservar.