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
Introdução ao CursoIntrodução à WebBreve História da WebPor que precisamos de HTML?Estrutura Básica de um Documento HTMLTags, Elementos e Atributos
2. Fundamentos de HTML
Estrutura do Documento HTMLDesafio: Estrutura do Documento HTMLMarcação de TextoDesafio: Marcação de TextoMarcação de Texto EspecialDesafio: Marcação de Texto EspecialListasDesafio: Listas
3. Imagens e Mídia
ImagensDesafio: ImagensÁudioDesafio: ÁudioVídeoDesafio: Vídeo
4. Tabelas e Formulários
TabelaDesafio: TabelaFormuláriosDesafio: FormuláriosElementos de Entrada de Formulário e RótuloDesafio: Elementos de Entrada de Formulário e RótuloAtributos para Elementos de Entrada
5. HTML Avançado
HTML SemânticoElementos SemânticosDesafio: Elementos SemânticosConstruindo Todo o SiteConclusão

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