Categoria: Referência de HTML

Crie dois grupos de rádio independentes e inspecione os valores enviados em um exemplo completo. Aprenda como name, id, value, checked, required, reset, labels e seleção via teclado funcionam juntos.

Compare ênfase na entonação com importância em um exemplo completo de HTML. Aprenda quando usar em, strong, b ou CSS font-weight e por que a estilização visual não substitui o significado semântico.

Calcule a conclusão da tarefa com valor e máximo, e alterne para progresso indeterminado em um exemplo interativo completo. Aprenda como nomear a tarefa, anunciar seu estado e distinguir progresso de medidor.

Compare a associação explícita por for/id com um controle dentro de label em um exemplo completo. Confira cliques, teclado, descrições complementares e IDs duplicados.

Dê a uma tabela inteira um título com legenda e diferencie-o dos cabeçalhos. Um exemplo completo mostra como o caption-side move o título para cima ou para baixo da tabela e explica considerações de acessibilidade.

Compare as quebras de linha br com a formatação do código-fonte e parágrafos separados em um exemplo completo. Uma tabela de comparação explica quando escolher p, wbr ou pre e por que a margem do CSS deve controlar o espaçamento entre parágrafos.

Separe os dados de contato do autor e do responsável pelo site com um exemplo completo. Entenda quando usar address, como os links mailto funcionam e quais conteúdos e estilos são adequados.

Compare nomes e valores de select e option em um formulário funcional com seleções obrigatórias e múltiplas. Verifique a exclusão de campos desabilitados, padrões selecionados, comportamento de redefinição e como ler todos os valores selecionados.

Compare scripts desativados com um erro de tempo de execução em JavaScript usando um exemplo completo de noscript. Aprenda a manter orientações essenciais disponíveis e onde o conteúdo de reserva deve estar no body e no head.

Compare legendas antes e depois de conteúdo autônomo usando um exemplo completo de figure e figcaption. Aprenda como as legendas diferem do texto alternativo da imagem e como o exemplo SVG se ajusta a uma tela estreita.