Desafío: Estructura del Documento

🏁 Objetivo

Construir la página web correcta mediante la creación de una estructura básica del documento HTML. Esta estructura es la columna vertebral de cada página HTML y se compone de elementos esenciales navegadores necesitan para renderizar su contenido correctamente.

Nota

No se deje engañar por la aparente sencillez del diseño de la página web. Aunque pueda parecer sencillo, sigue siendo primordial mantener la estructura correcta del documento. Esto garantiza que el sitio web conserve su legibilidad y funcionalidad en todos los navegadores.

📋 Tarea

Cree una estructura básica de documento HTML. Si ya confías en tus habilidades, siéntete libre de proceder sin la guía paso a paso. Sin embargo, si desea un poco más de orientación, una guía paso a paso está disponible para ayudarle en el camino. Guía / Desafío

📝 Step-by-Step Guide

Step 1: Start the HTML Document

Begin by typing the HTML doctype declaration, which tells the browser that the document is written in HTML. The declaration should be the first line of your HTML document:

Paso 1: Iniciar el Documento HTML

Comience escribiendo la declaración doctype HTML, que indica al navegador que el documento está escrito en HTML. La declaración debe ser la primera línea de su documento HTML:

index

Paso 3: Crear la Sección Head (Encabezado)

Añada las tags de apertura y cierre <head> dentro de las tags HTML. La sección head contiene meta-información sobre el documento HTML, como el título y enlaces a hojas de estilo externas:

index

Paso 5: Crear la Sección Body

Después de la sección <head>, añada las tags de apertura y cierre <body>. La sección body contiene el contenido visible de la página web:

index

🔍 ¡Inténtalo tú mismo!

index

Step 5: Create the Body Section

After the <head> section, add the opening and closing <body> tags. The body section contains the visible content of the webpage:

index

Step 6: Add Content to the Body

We can add elements within the <body> tags, such as headings, paragraphs, images, links, etc. Here's an example of adding a heading and a paragraph:

index

Try It Yourself

index

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 3. Capítulo 5