🦴 Estrutura

HTML · os ossos

A estrutura da página: o que existe e por que ordem — títulos, parágrafos, imagens, botões. É o esqueleto onde tudo assenta.

A ver como O Mágico. Trocar:

A ideia, ao teu nível

O HTML é pôr coisas na mesa. Dizes 'aqui um título, aqui um parágrafo' — e elas aparecem. Não precisas de decorar; precisas de perceber que cada coisa tem um nome.

O código

<h1>Olá, Mundo</h1>
<p>O meu primeiro pedaço de página.</p>

A tua vez · muda o comportamento

Acrescenta uma segunda frase por baixo. Sentiste? Acabaste de estruturar conteúdo.

Que parte do mundo controla

O QUE existe na página e por que ordem — o conteúdo e a sua estrutura.

As 3 ideias que importam

Tudo são 'caixas' (elementos) dentro de outras caixas — uma árvore.
Cada caixa tem um nome que diz o que é (título, parágrafo, imagem, botão).
O significado vem primeiro; a aparência é tarefa do CSS.

O que constróis com ela

O esqueleto de qualquer página ou app web — antes de ser bonita ou interativa.

Onde se cruza: O CSS veste-o e o JavaScript dá-lhe vida. Sozinho, é uma página crua mas viva.

Vê HTML a funcionar — abre o capô

A banda que não paraA estrutura mais simples possível — texto numa caixa que se repete. Vê os ossos.Abrir a Prova Viva ↗O sigilo que respiraEstrutura SVG: formas declaradas como elementos, como o HTML organiza o que existe.Abrir a Prova Viva ↗

Na Biblioteca Viva, cada uma tem Ver código e Clonar para a minha IA — leva-a e adapta-a.

Da lição à tua ferramenta

Agora faz HTML trabalhar para ti

Não precisas de te tornar programador — precisas de saber dirigir. Pega no que acabaste de perceber e pede à tua IA (Claude, ChatGPT, Codex) uma ferramenta pequena e real, tua. Este molde dá-lhe o tom certo: pequeno primeiro, a explicar cada parte, honesto sobre riscos.

Abrir o capô numa Prova Viva →Voltar ao mapa