## Objetivo
Construção da página correta por meio da criação de uma estrutura básica de documento HTML. Essa estrutura é a base de toda página HTML e consiste em elementos essenciais que os navegadores precisam para renderizar seu conteúdo corretamente.

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

Nota

## Tarefa
Criar uma estrutura básica de documento HTML. Se já houver confiança nas suas habilidades, sinta-se à vontade para prosseguir sem o guia passo a passo. No entanto, caso prefira mais orientação, um tutorial detalhado está disponível para auxiliar durante o processo.

### Passo 1: Iniciar o Documento HTML
Comece digitando a declaração do 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:

### Etapa 2: Adicionar as tags de abertura e fechamento html
Após a declaração do doctype, adicionar as tags de abertura e fechamento HTML. Toda a estrutura do documento HTML ficará contida dentro dessas tags. Além disso, incluir o atributo `lang` para especificar o idioma do documento:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj48L2h0bWw+

### Etapa 3: Criar a seção head
Adicione as tags de abertura e fechamento `<head>` 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:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD48L2hlYWQ+CjwvaHRtbD4=

### Etapa 4: Adicionar o título
Dentro das tags `<head>`, adicione as tags de abertura e fechamento `<title>`. O texto inserido entre essas tags será exibido como o título da página web na barra de título ou na aba do navegador:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CjwvaHRtbD4=

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

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+PC9ib2R5Pgo8L2h0bWw+

### Etapa 6: Adicionar conteúdo ao body
É possível adicionar elementos dentro das tags `<body>`, como títulos, parágrafos, imagens, links, entre outros. Veja um exemplo de como adicionar um título e um parágrafo:

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

PCEtLSBDcmVhdGUgdGhlIGJhc2ljIGRvY3VtZW50IHN0cnVjdHVyZSAtLT4K

Aprenda os conceitos essenciais de HTML (HyperText Markup Language), a base do desenvolvimento web. Este curso para iniciantes aborda tags, atributos, elementos e a estruturação de páginas web. Adquira habilidades práticas na criação de títulos, parágrafos, listas, imagens, links, formulários e tabelas. Explore boas práticas, otimização e acessibilidade na web. Inicie sua jornada no desenvolvimento web com HTML.

Explore a versatilidade dos formulários HTML. Aprenda a projetar formulários intuitivos e fáceis de usar aproveitando conceitos e técnicas essenciais. Descubra como os formulários possibilitam a interação do usuário e o envio de dados em sites.

Desafio: Estruturar Corretamente um Documento HTML

Objetivo

Tarefa

Guia Passo a Passo

Passo 1: Iniciar o Documento HTML

Etapa 2: Adicionar as tags de abertura e fechamento html

Etapa 3: Criar a seção head

Etapa 4: Adicionar o título

Etapa 5: Criar a seção body

Etapa 6: Adicionar conteúdo ao body

Experimente você mesmo