$ html-css modulo_1
Estrutura HTML e o primeiro CSS
Monte uma página estática válida, com tipografia legível, links e layout simples sem framework.
O que você vai aprender
- Documento HTML5 mínimo
- Tags semânticas
- CSS: seletores, cores e fonte
- Links, imagens e acessibilidade
HTML não é programação — e tudo bem
HTML descreve estrutura. CSS descreve aparência. Frameworks vêm depois.
1. Documento mínimo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minha página</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header><h1>Olá</h1></header>
<main><p>Conteúdo.</p></main>
<footer><p>© 2026</p></footer>
</body>
</html>2. CSS inicial
:root { --bg: #10130f; --text: #e8ebe4; --accent: #e8a33d; }
body {
margin: 0;
font-family: system-ui, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.6;
}
a { color: var(--accent); }DICA Valide em validator.w3.org no começo.