Adicione imagens e listas
Organize itens relacionados e forneça alt text útil.
- Usar listas e imagens com alternativa textual adequada.
Use ul para listas sem ordem e ol para sequência. Cada item fica em li. Imagens usam src e alt.
1<h1>Day hike</h1>
2<ul>
3 <li>Water bottle</li>
4 <li>Map</li>
5 <li>Snack</li>
6</ul>
7<img src="trail.jpg" alt="A marked trail through a pine forest">Day hike Water bottle Map Snack A marked trail through a pine forest
Alt text deve descrever informação relevante da imagem no contexto da página.
Principais conclusões
Usar listas e imagens com alternativa textual adequada.
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.
Planeje o fim de semana
Crie heading Weekend plan e lista com: Visit the market, Walk by the river, Read in the park.
- Texto do plano
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…