HTML & CSS · Capítulo 1

HTML semântico

Estrutura correta de uma página, headings, landmarks, links e conteúdo.

CONCEITO

O que precisas de perceber

HTML descreve significado, não aparência. Usa header, nav, main, section, article, aside e footer quando representam a estrutura real. Mantém uma hierarquia coerente de títulos.

EXEMPLO

Vê o código

<!doctype html>
<html lang="pt-PT">
<head><meta charset="utf-8"><title>A minha página</title></head>
<body><header><h1>André Informática</h1></header><main><p>Olá Web!</p></main></body>
</html>
CADERNO DIGITAL

As minhas notas

Escreve apontamentos deste capítulo. Ficam apenas neste dispositivo.

Guardado localmente.
AGORA TU

Exercício

Cria uma página de disciplina com cabeçalho, navegação, conteúdo principal e rodapé.