Summary  
This chapter describes the basic HTML document skeleton, covering the <!DOCTYPE> declaration, the root `<html>` element, the `<head>` section with metadata and title, and the `<body>` section for 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

Estructura Básica de un Documento HTML

Partes principales del documento

Cómo entenderlo