Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Elementos Semânticos | HTML Avançado
Essenciais de HTML
course content

Conteúdo do Curso

Essenciais de HTML

Essenciais de HTML

1. Compreendendo a Web e HTML
2. Fundamentos de HTML
3. Imagens e Mídia
4. Tabelas e Formulários
5. HTML Avançado

book
Desafio: Elementos Semânticos

Tarefa

Crie um documento HTML para o site de uma empresa de desenvolvimento Flutter usando elementos HTML semânticos para melhorar a acessibilidade e a otimização para motores de busca.

Certifique-se de que cada seção do site esteja envolvida nos elementos HTML semânticos apropriados (<header>, <nav>, <section>, <footer>).

html

index

css

index

js

index

copy

Dica

  • Passo 1: Use o elemento header para conter os principais elementos de marca e navegação.
  • Passo 2: Utilize o elemento nav para o menu de navegação.
  • Passo 3: Envolva cada seção distinta de conteúdo em um elemento section.
  • Passo 4: O elemento footer deve conter informações de direitos autorais, links de política e detalhes de contato.
html

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3
We're sorry to hear that something went wrong. What happened?
some-alt