Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Estrutura do Documento | Estrutura do Documento
HTML Supremo
course content

Conteúdo do Curso

HTML Supremo

HTML Supremo

1. Desenvolvimento Web
2. Tags e Atributos
3. Estrutura do Documento
4. Mídias e Tabelas
5. Formulários

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

Passo 2: Adicione as tags HTML de abertura e fechamento

Após a declaração doctype, adicione as tags HTML de abertura e fechamento. Toda a estrutura do documento HTML estará contida dentro dessas tags. Além disso, inclua o atributo lang para especificar o idioma do documento:

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:

Passo 4: adicione o título

Dentro das tags <head>, adicione as tags <title> de abertura e fechamento. O texto que inserimos entre estas tags será exibido como o título da página web na barra de título ou aba do navegador:

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:

Passo 6: adicione conteúdo ao corpo

Podemos adicionar elementos dentro das tags <body>, como títulos, parágrafos, imagens, links, etc. Aqui está um exemplo de como adicionar um título e um parágrafo:

🔍 Experimente Você Mesmo!

html

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
some-alt