Estrutura do Módulo

Objetivos:

Entender a estrutura básica das páginas web utilizando HTML.
Aplicar estilos com CSS para criar layouts responsivos e acessíveis.

Conteúdos:

HTML:

Elementos de Estrutura do HTML

Introdução aos blocos construtivos do HTML, explicando a importância e o uso de elementos semânticos para estruturar páginas web de maneira lógica e acessível, incluindo:

<header>: Cabeçalho da página ou seção.
<footer>: Rodapé da página, contendo informações como contato e direitos autorais.
<nav>: Navegação principal do site.
<section> e <article>: Organização do conteúdo em seções lógicas e artigos independentes.
<aside>: Conteúdo relacionado mas separado do conteúdo principal.

O Cabeçalho do HTML

Descrição detalhada do <head> de um documento HTML, destacando a importância dos metadados, incluindo:

<title>: Título da página, crucial para SEO e usabilidade.
<link>: Conexão com folhas de estilo externas.
<meta>: Metadados como charset e viewport para responsividade.

Estruturação e Formatação de Textos em HTML

Como utilizar devidamente elementos HTML para a formatação de textos, garantindo acessibilidade e clareza, abrangendo:

Títulos (<h1> até <h6>): Hierarquia de informações.