Estructura del documento

<body>: el contenido visible

<body> es el segundo hijo de <html>, hermano de <head>. Contiene todo el contenido visible de la página: títulos, párrafos, imágenes, listas — todo lo que el usuario ve.

<body>
  <h1>Título de la página</h1>
  <p>Un párrafo de texto.</p>
</body>

Si <head> es “lo que el navegador necesita saber sobre la página”, <body> es “lo que el usuario ve”. Esa separación — metadatos invisibles / contenido visible — es una de las decisiones de diseño fundamentales de HTML.

Todos los elementos que viste en los recorridos anteriores — <h1>, <p>, <ul>, <a>, <img> — viven dentro del <body>. Cuando escribías código en los ejercicios anteriores, el sandbox lo colocaba ahí automáticamente. A partir de ahora vas a escribir el documento completo vos mismo.

A partir de CAT-04, todos los ejercicios del recorrido viven dentro del <body>.


En la siguiente lección vas a armar el boilerplate completo y practicar la estructura entera del documento.

Sandbox libre — probá lo que aprendiste:

Preview

En la referencia