Carregando
0x10Lição 2 de 9

Formate texto e conecte páginas

Use títulos, ênfase e links descritivos.

13 min Questionário com 5 perguntas 1 exercício de código
Ao final desta lição, você saberá
  • Estruturar leitura com headings e links significativos.

Headings (h1 a h6) constroem o esqueleto de leitura. Links (a) conectam páginas, e o texto do link deve indicar destino com clareza.

about.html
1<h1>About the club</h1>
2<p>We meet every week to make things.</p>
3<p>New members are <strong>welcome</strong>.</p>
4<p><a href="https://example.com/meetings">See meeting details</a></p>
Saída
About the club
We meet every week to make things.
New members are welcome.
See meeting details

Use strong/em para significado semântico, não apenas aparência visual.

Principais conclusões

  • Estruturar leitura com headings e links significativos.

  • Prefira elementos semânticos para comunicar intenção.

  • Mantenha estrutura legível para pessoas e ferramentas assistivas.

Quiz da aula

5 perguntas · aprovação com 4 acertos · até 50 XP

Ao passar, você conclui a aula e mantém sua sequência. As perguntas erradas voltarão em sessões de revisão.

Pratique: escreva código em HTML

Escreva a marcação, veja a prévia em um frame isolado do navegador e compare o texto visível com os requisitos.

Exercício 1

Compartilhe uma lista de leitura

+25 XP

Crie heading Reading list, parágrafo Start with the basics. e link com texto HTML reference para https://developer.mozilla.org/.

  • Texto da lista de leitura
index.html
Carregando editor…
Prévia da página

Sua marcação aparece em uma prévia isolada. Execute os testes para conferir o texto visível da página.

Dúvidas sobre esta lição

Travou em algum ponto? Pergunte. Descobriu algo? Compartilhe. Explicar também é uma ótima forma de aprender.

Carregando publicações…