Summary  
Describes the hierarchical structure of an HTML document by defining the DOCTYPE, the `<html>` root, the `<head>` metadata section, and the `<body>` content section.

General domain of usage  
Web development

Un documento HTML sigue una estructura consistente compuesta por algunos elementos clave.

## Etiqueta `<html>`
El elemento raíz de cada página. Todo el contenido va dentro de las etiquetas de apertura `<html>` y cierre `</html>`.
```html
<html>
  
</html>
```

## Etiqueta `<head>`
Contiene información sobre la página, no visible para el usuario. Esto incluye el título, metadatos y enlaces a hojas de estilo o scripts.
```html
<head>
  <title>Title of the Document</title>
  <meta charset="UTF-8" />
  
</head>
```
Elementos comunes en `<head>`:
- `<title>`: texto mostrado en la pestaña del navegador;
- `<meta charset="UTF-8">`: define la codificación de texto;
- `<meta name="description">`: breve descripción de la página;
- `<meta name="viewport">`: necesario para diseño adaptable.

## Etiqueta `<body>`
Contiene todo lo visible en la página: texto, imágenes, enlaces, formularios, etc.
```html
<body>
  <h1>Hello, World!</h1>
  <p>This is a paragraph of text.</p>
  
</body>
```

## Declaración del tipo de documento
Indica al navegador que debe utilizar el estándar HTML5 al renderizar la página.
```html
<!DOCTYPE html>
```

## Ejemplo de estructura completa
Para finalizar, se reúnen todos los elementos considerados y se combinan en un solo documento HTML.
```html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the Document</title>
    <meta charset="UTF-8" />
    
  </head>

  <body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph of text.</p>
    
  </body>
</html>
```

<u>A continuación, puedes ver cómo aparece el documento HTML en el navegador web.</u>

¿Cuál etiqueta es el elemento raíz de un documento HTML?

¿Cuál es el propósito de la etiqueta `<body>`?

Domina los conceptos esenciales de HTML para crear contenido web bien estructurado y accesible. Aprende a estructurar documentos utilizando etiquetas, elementos y atributos. Trabaja con confianza con texto, listas, imágenes, audio y video para enriquecer las páginas web. Crea tablas para organizar datos y formularios para la entrada e interacción del usuario. Descubre el HTML semántico para mejorar la accesibilidad y construye estructuras completas y funcionales de sitios web desde cero.

Obtenga una introducción a la web y HTML, incluyendo la importancia de las etiquetas, elementos y atributos. Conozca la estructura básica de un documento HTML y una breve historia de la web.

Domina los conceptos esenciales del marcado HTML, centrándote en el formato especial de texto y las listas, comprendiendo su importancia en la estructuración del contenido dentro de un documento HTML. Profundiza en las particularidades de la estructura de documentos HTML mientras perfeccionas las técnicas de marcado de texto.

Descubra el potencial del contenido visual y auditivo en el desarrollo web al aprender a integrar de manera fluida imágenes, videos y elementos de audio en documentos HTML. Explore los matices de la incorporación de diversos formatos multimedia.

Explore las complejidades de la presentación de datos y la interacción del usuario con una cobertura integral de tablas y formularios en HTML, que abarca estructuras de tablas, creación de formularios y elementos de entrada. Adquiera competencia en la implementación de elementos de entrada de formularios y el uso de atributos para una funcionalidad mejorada.

Mejore sus habilidades en HTML explorando elementos semánticos, lo que le permitirá crear contenido web bien estructurado y accesible. Inicie la construcción de su primer sitio web aplicando los conocimientos adquiridos para materializar sus ideas.

Estructura del Documento HTML Explicada

Etiqueta `<html>`

Etiqueta `<head>`

Etiqueta `<body>`

Declaración del tipo de documento

Ejemplo de estructura completa

1. ¿Cuál etiqueta es el elemento raíz de un documento HTML?

2. ¿Qué contiene la etiqueta `<head>`?

3. ¿Qué define la etiqueta `<title>`?

4. ¿Cuál es el propósito de la etiqueta `<body>`?

Estructura del Documento HTML Explicada

Etiqueta <html>

Etiqueta <head>

Etiqueta <body>