## Objetivo
Construcción de la página web correcta mediante la creación de una estructura básica de documento HTML. Esta estructura es la base de toda página HTML y consiste en elementos esenciales que los navegadores necesitan para mostrar el contenido correctamente.

No dejarse engañar por la aparente simplicidad del diseño de la página web. Aunque pueda parecer sencillo, es fundamental **mantener la estructura correcta del documento**. Esto garantiza que el sitio web conserve la legibilidad y funcionalidad en todos los navegadores.

Nota

## Tarea
Crear una estructura básica de documento HTML. Si ya tienes confianza en tus habilidades, siéntete libre de continuar sin la guía paso a paso. Sin embargo, si prefieres un poco más de orientación, hay una guía detallada disponible para ayudarte en el proceso.

### Paso 1: Comenzar el documento HTML
Empieza escribiendo la declaración doctype de HTML, que indica al navegador que el documento está escrito en HTML. La declaración debe ser la primera línea de tu documento HTML:

### Paso 2: Añadir las etiquetas de apertura y cierre html
Después de la declaración doctype, añade las etiquetas de apertura y cierre HTML. Toda la estructura del documento HTML estará contenida dentro de estas etiquetas. Además, incluye el atributo `lang` para especificar el idioma del documento:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj48L2h0bWw+

### Paso 3: Crear la sección head
Agregar las etiquetas de apertura y cierre `<head>` dentro de las etiquetas HTML. La sección head contiene metainformación sobre el documento HTML, como el título y enlaces a hojas de estilo externas:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD48L2hlYWQ+CjwvaHRtbD4=

### Paso 4: Agregar el título
Dentro de las etiquetas `<head>`, agregar las etiquetas de apertura y cierre `<title>`. El texto que se ingrese entre estas etiquetas se mostrará como el título de la página web en la barra de título o pestaña del navegador:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CjwvaHRtbD4=

### Paso 5: Crear la sección body
Después de la sección `<head>`, agregar las etiquetas de apertura y cierre `<body>`. La sección body contiene el contenido visible de la página web:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+PC9ib2R5Pgo8L2h0bWw+

### Paso 6: Agregar contenido al body
Se pueden añadir elementos dentro de las etiquetas `<body>`, como encabezados, párrafos, imágenes, enlaces, etc. A continuación, un ejemplo de cómo agregar un encabezado y un párrafo:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VGhlIHdlYnBhZ2UgbWFpbiBoZWFkaW5nPC9oMT4KICAgIDxwPlNvbWUgY29udGVudC48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

PCEtLSBDcmVhdGUgdGhlIGJhc2ljIGRvY3VtZW50IHN0cnVjdHVyZSAtLT4K

Aprenda los conceptos esenciales de HTML (Lenguaje de Marcado de Hipertexto), la base del desarrollo web. Este curso introductorio cubre etiquetas, atributos, elementos y la estructuración de páginas web. Adquiera habilidades prácticas en la creación de encabezados, párrafos, listas, imágenes, enlaces, formularios y tablas. Explore buenas prácticas, optimización y accesibilidad web. Inicie su trayectoria en desarrollo web con HTML.

Explora el funcionamiento interno de la web. Descubre cómo los datos se transmiten a través de las redes, el papel de los protocolos y los conceptos de direcciones IP y nombres de dominio. Obtén una visión general de cómo los navegadores web y los servidores se comunican para entregar contenido web.

Descubra el poder de las etiquetas para estructurar el contenido, desde encabezados y párrafos hasta listas y tablas. Aprenda cómo mejorar los elementos con atributos.

El núcleo de la estructura de un documento HTML. Aprenda los componentes de un documento HTML, incluyendo la declaración doctype, head y body. Comprenda el propósito de cada elemento y cómo contribuyen a la estructura general de una página web.

Mejorar la apariencia de una página web mediante el uso de medios como imágenes, audio y video. Manipulación de datos tabulares estructurados en forma de tablas.

Explore la versatilidad de los formularios HTML. Aprenda a diseñar formularios intuitivos y fáciles de usar mediante el aprovechamiento de conceptos y técnicas clave. Descubra cómo los formularios permiten la interacción del usuario y el envío de datos en los sitios web.

Challenge: Estructura Correctamente un Documento HTML

Objetivo

Tarea

Guía paso a paso

Paso 1: Comenzar el documento HTML

Paso 2: Añadir las etiquetas de apertura y cierre html

Paso 3: Crear la sección head

Paso 4: Agregar el título

Paso 5: Crear la sección body

Paso 6: Agregar contenido al body

Pruébalo tú mismo