El boilerplate mínimo completo

Reuniendo las cuatro piezas, el boilerplate es la estructura mínima que todo documento HTML válido debe tener:

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Título de la página</title>
  </head>
  <body>
    <p>Hola, mundo.</p>
  </body>
</html>

Cada línea tiene su rol:

<!DOCTYPE html> — activa standards mode.
<html lang="es"> — raíz del documento, idioma declarado.
<head> — abre el contenedor de metadatos.
<meta charset="UTF-8" /> — codificación de caracteres.
<meta name="viewport" ...> — configuración para móviles.
<title>Título de la página</title> — el texto de la pestaña. Obligatorio.
</head> — cierra los metadatos.
<body> — abre el contenedor de contenido visible.
<p>Hola, mundo.</p> — cualquier contenido va acá.
</body> — cierra el contenido.
</html> — cierra el documento.

La indentación usa 2 espacios por nivel: los hijos de <html> van con 2 espacios; los hijos de <head> y <body> van con 4 espacios. El navegador ignora la indentación — es para que el código sea legible.

Tu turno: el starter ya tiene el boilerplate armado. Completá el lang con el código de idioma español, escribí un texto en el <title>, y agregá al menos un elemento dentro del <body>. Hacé clic en “Comprobar”.

El boilerplate mínimo completo

En la referencia