Summary  
This chapter covers the standard HTML5 document structure, detailing the roles of the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements for organizing metadata and page content.  

General domain of usage  
Web development

Cada página HTML sigue la misma estructura básica. Define cómo el navegador debe interpretar y mostrar el contenido.

Aquí tienes un ejemplo sencillo de un documento HTML:
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
```

## Partes principales del documento
1. `<!DOCTYPE html>`: indica al navegador que use el estándar moderno `HTML5`;
2. `<html>`: elemento raíz. Todo el contenido de la página se coloca dentro de esta etiqueta;
3. `<head>`: contiene información sobre la página que no es visible para los usuarios. Elementos comunes:
   - `<title>`: establece el nombre de la pestaña del navegador;
   - `<meta charset="UTF-8">`: asegura que el texto se muestre correctamente.
4. `<body>`: contiene todo lo que los usuarios ven en la página:
   - texto;
   - imágenes;
   - enlaces;
   - botones.

### Cómo entenderlo
`<head>` → configuración de la página. `<body>` → contenido de la página.

No es necesario memorizar todo aún. Concéntrese en reconocer la estructura. La utilizará en cada archivo HTML.

Nota

Construya páginas web estructuradas utilizando HTML. Cree contenido de texto, enlaces, listas, imágenes, tablas y formularios, y organice todo con elementos semánticos en una página completa.

Estructura Básica de un Documento HTML

Partes principales del documento

Cómo entenderlo