Qué es HTML y cómo funciona una página

Las partes de un documento mínimo

La primera línea declara el tipo de documento. El elemento html envuelve todo y su atributo lang indica el idioma principal del texto. Dentro de head van datos sobre el documento, como la codificación y el título que suele verse en la pestaña. Dentro de body va el contenido que aparece en la página. Es normal confundir title con h1: el primero identifica el documento en el navegador y el segundo encabeza el contenido visible.

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Una página de práctica</title>
</head>
<body>
  <h1>Hola desde HTML</h1>
  <p>Este párrafo aparece en la página.</p>
</body>
</html>

Copia ese código en un archivo llamado index.html y ábrelo en un navegador. Debes ver el encabezado y el párrafo en la página, mientras que el texto de title aparece fuera del área de contenido. Esa observación es la comprobación del ejercicio, no la apariencia exacta de la tipografía.

Cambia una pieza y mira qué sucede

Modifica solo el texto del h1, guarda el archivo y vuelve a cargar la página. Si cambió el encabezado, sabes que estás editando el archivo correcto. Después añade un segundo párrafo dentro de body y prueba un enlace con <a href="https://example.com">Visitar un ejemplo</a>. El texto visible del enlace y su destino son cosas distintas. Si eliminas href, la etiqueta deja de apuntar a esa dirección aunque conserve el texto.

Conviene hacer una modificación por vez. Si cambias el título, la estructura y el enlace en una sola operación, luego es difícil saber qué causó un resultado inesperado. En el editor de esta web puedes ejecutar los cambios sin guardar un archivo primero; cuando entiendas el resultado, descárgalo y comprueba que abre por sí solo.

Errores que se pueden diagnosticar

Si el navegador muestra etiquetas como texto, revisa que no hayas escrito entidades como < en tu archivo real. Si el resultado no cambia, asegúrate de guardar y recargar el archivo que está abierto, porque dos carpetas pueden contener archivos con el mismo nombre. Si un párrafo aparece dentro del encabezado, busca el cierre </h1>. Los navegadores intentan corregir documentos incompletos, pero esa reparación no sustituye una estructura clara.

La siguiente lección puede ser una página desde cero con un enlace y una lista. Antes de pasar, explica con tus propias palabras qué pertenece a head, qué pertenece a body y cuál es la diferencia entre el título de la pestaña y el encabezado. Si puedes señalar esas tres cosas en el código y en el resultado, ya tienes una base útil para CSS y JavaScript.