Rullst AcademyRullst Academy/Lição
Rullst: uma página ganha vida · Lição 03 / 06

Uma página com significado

Antes das cores, a página precisa de estrutura. Um título e um parágrafo contam histórias diferentes ao navegador.

Vamos descobrir juntos

  1. 1

    HTML descreve a estrutura da página. h1 marca seu título principal; p marca um parágrafo. Esses nomes ajudam navegadores e tecnologias de leitura a entender o conteúdo.

  2. 2

    No código Rust, a macro html! do Rullst pode construir esse HTML. A marcação <h1> abre o título e </h1> o fecha. O conteúdo fica entre as duas.

  3. 3

    A estrutura não depende só do tamanho da letra. Um texto grande não vira título por magia. Escolhemos o elemento certo e depois cuidamos da aparência.

✦
SUA MISSÃO

Escolher elementos HTML pelo significado e ler sua ordem na página.

Agora é a sua vez

Oficina de descobertas

As peças da página

Nosso jardim tem um título principal e uma descrição curta.
Mini experimento

Simulação didática: compare os cartões e confira suas previsões. O navegador não está compilando Rust nem iniciando um servidor.

<h1>Jardim de ideias</h1>
<p>Uma descoberta por vez.</p>
Monte suas respostas e confira quando estiver pronto.
Uma pausa para entender

Por que usar h1 no título principal?

Preciso de uma pista

HTML descreve papéis como título e parágrafo; a aparência pode ser alterada depois.

Carregando sua jornada…

Leve com você

Desenhe uma página sobre uma planta inventada. Marque título, parágrafo e link antes de escolher cores.

No seu ritmo

Meus arquivos e GitHub

Toda lição pode virar um registro seu: código, anotações ou um plano de prática. Guardar um arquivo no GitHub é opcional e não altera seu XP.

Manual do aluno

O editor e os downloads abrem quando esta lição estiver liberada para sua conta. Confira o acesso abaixo ou volte ao mapa da trilha.

Conferindo seu acesso à lição…

Rullstpetbot

A IA pode errar. Confira no material da lição.