Conteúdo do Curso

Essenciais de HTML

1. Compreendendo a Web e HTML

Introdução ao Curso Introdução à Web Breve História da Web Por que precisamos de HTML?Estrutura Básica de um Documento HTML Tags, Elementos e Atributos

2. Fundamentos de HTML

Estrutura do Documento HTML Desafio: Estrutura do Documento HTML Marcação de Texto Desafio: Marcação de Texto Marcação de Texto Especial Desafio: Marcação de Texto Especial Listas Desafio: Listas

3. Imagens e Mídia

Imagens Desafio: Imagens Áudio Desafio: Áudio Vídeo Desafio: Vídeo

4. Tabelas e Formulários

Tabela Desafio: Tabela Formulários Desafio: Formulários Elementos de Entrada de Formulário e Rótulo Desafio: Elementos de Entrada de Formulário e Rótulo Atributos para Elementos de Entrada

5. HTML Avançado

HTML Semântico Elementos Semânticos Desafio: Elementos Semânticos Construindo Todo o Site Conclusão

Elementos Semânticos

Vamos dar uma olhada mais de perto em cada tag individualmente:

header tag

Estes são tipicamente elementos introdutórios ou um conjunto de links colocados no topo de uma seção ou página da web que oferecem informações cruciais sobre a página e ajudam os usuários a navegar para outras seções.

Por favor, note que isso não deve ser confundido com a tag head, pois head e header têm propósitos diferentes em HTML.

index

nav tag

Define uma seção de links de navegação usados para menus ou barras de navegação. nav é tipicamente colocado na seção header de um site.

index

section tag

Organize seu documento logicamente usando cabeçalhos para agrupar conteúdo relacionado. Isso ajuda os leitores a entenderem melhor seu conteúdo e melhora a visibilidade nos mecanismos de busca.

index

article tag

Contém uma peça de conteúdo autônoma, como uma postagem de blog, artigo de notícias ou postagem em fórum. Este conteúdo ajuda os mecanismos de busca a identificar e priorizar o conteúdo central da página da web.

index

footer tag

Define um rodapé que normalmente inclui informações de direitos autorais, detalhes de contato e links para conteúdo relacionado. Ele fornece um fechamento para o conteúdo acima e contém informações suplementares e opções de navegação.

index

1. Qual é o principal propósito da tag `<header>`?

2. Qual tag HTML é tipicamente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

3. Qual é a principal função da tag `<section>`?

4. Quando devemos usar a tag `<footer>`?

Qual é o principal propósito da tag <header>?

Selecione a resposta correta

Oferecer informações cruciais sobre a página e auxiliar na navegação.

Definir uma seção de links de navegação.

Fornecer informações suplementares e opções de navegação.

Qual tag HTML é tipicamente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

Selecione a resposta correta

<section>

<footer>

<nav>

Qual é a principal função da tag <section>?

Selecione a resposta correta

Conter partes de conteúdo autônomas, como postagens de blog ou artigos de notícias.

Organizar o conteúdo logicamente usando cabeçalhos para agrupar conteúdo relacionado.

Definir elementos introdutórios ou um conjunto de links colocados no topo de uma seção ou página da web.

Quando devemos usar a tag <footer>?

Selecione a resposta correta

Para fornecer encerramento ao conteúdo acima e conter informações suplementares e opções de navegação.

Para definir uma seção de links de navegação.

Para conter partes de conteúdo autônomas, como postagens de blog, artigos de notícias ou postagens de fórum.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2