Conteúdo do Curso
HTML Supremo
HTML Supremo
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:
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!
index
index
index
Obrigado pelo seu feedback!