Desafio: Estrutura do Documento

🏁 Objetivo

Construir a página web correta, criando uma estrutura básica de documento HTML. Essa estrutura é a espinha dorsal de toda página HTML e consiste em elementos essenciais que os navegadores precisam para renderizar seu conteúdo corretamente.

Nota

Não se deixe enganar pela aparente simplicidade do design da página web. Embora possa parecer simples, é essencial manter a estrutura correta do documento. Isso garante que o site mantenha a legibilidade e funcionalidade em todos os navegadores.

📋 Tarefa

Crie uma estrutura básica de documento HTML. Se você já sente confiança em suas capacidades, sinta-se à vontade para prosseguir sem o guia passo a passo. No entanto, caso deseje um pouco mais de orientação, está disponível um roteiro detalhado para ajudar você ao longo do caminho. Guia / Desafio

📝 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:

Passo 1: Inicie o documento HTML

Comece digitando a declaração doctype HTML, que informa ao navegador que o documento está escrito em HTML. A declaração deve ser a primeira linha do seu documento HTML:

index

Passo 3: Crie a seção head

Adicione as tags <head> de abertura e fechamento dentro das tags HTML. A seção head contém metainformações sobre o documento HTML, como o título e links para folhas de estilo externas:

index

Passo 5: crie a seção body

Após a seção <head>, adicione as tags <body> de abertura e fechamento. A seção body contém o conteúdo visível da página web:

index

🔍 Experimente Você Mesmo!

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

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5