A Web: HTML e CSS
🏛️ HTML semântico, multimídia e tabelas
Estruture sua página com tags que têm significado, adicione imagens responsivas, áudio e vídeo, e organize dados em tabelas acessíveis.
O que você vai aprender
- Montar uma página com HTML semântico e seus landmarks (
header,nav,main,article,aside,footer) - Distinguir quando usar
<section>,<article>ou<div>, e aproveitar<figure>,<time>e<mark> - Adicionar multimídia responsiva com
srcset/sizes,<picture>,<audio>e<video controls> - Organizar dados em tabelas acessíveis com
<caption>,thead/tbodye<th scope>
Lições
HTML semântico: estrutura com significadoheader, nav, main, section, article, aside, footer e por que importam para a acessibilidade e o SEO. Multimídia: imagens responsivas, áudio e vídeosrcset/sizes, <picture>/<source>, <audio> e <video controls>. Tabelas acessíveis para dadostable, caption, thead/tbody, th com scope, tr/td.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →