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

Links que convidam

A entrada está pronta, mas a visita precisa encontrar o jardim e saber voltar. Vamos construir caminhos que façam sentido.

Vamos descobrir juntos

  1. 1

    Um link usa o elemento a. O atributo href informa o destino; o texto entre as tags informa à pessoa o que esperar. Esses dois valores podem ser diferentes.

  2. 2

    Em <a href="/garden">Visitar jardim</a>, o navegador abre /garden. Escrever “Visitar jardim” não cria a rota: o servidor precisa ter esse caminho.

  3. 3

    Um texto como “Visitar jardim” explica melhor o destino do que “Clique aqui”. Um link de volta para / ajuda a pessoa a continuar explorando.

✦
SUA MISSÃO

Distinguir o texto de um link do endereço para onde ele aponta.

Agora é a sua vez

Oficina de descobertas

Ida e volta

A entrada usa /. O jardim usa /garden. Conecte as duas páginas.
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.

<a href="/garden">Visitar jardim</a>
Monte suas respostas e confira quando estiver pronto.
Uma pausa para entender

Mudar só o texto do link muda seu destino?

Preciso de uma pista

O navegador usa href como destino e mostra o texto do link para orientar a pessoa.

Carregando sua jornada…

Leve com você

Desenhe duas páginas ligadas por setas. Escreva um texto claro em cada seta e o caminho de destino abaixo.

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.