Teste de Tema — Todas as Tags HTML

Arquivo para verificar estilos: tipografia, formulários, botões, estados, etc.

Tipografia e texto

Cabeçalhos

H1 — Título principal

H2 — Subtítulo

H3 — Seção

H4 — Subseção

H5 — Pequeno título
H6 — Menor

Parágrafos e texto em linha

Parágrafo normal com strong, b, em, i, u, mark, small, sub e sup.

Exemplo de abbr, , Fonte Citada, citação em linha e código inline().

Endereço:

Nome do Autor
Rua Exemplo, 123
cidade — país

Blockquote: "Este é um exemplo de citação em bloco para testar recuo e estilo."

— Autor Exemplo

Listas

Não ordenada
  • Item 1
  • Item 2
    • Subitem 2.1
    • Subitem 2.2
  • Item 3
Ordenada
  1. Primeiro
  2. Segundo
  3. Terceiro
Definição
Termo
Definição do termo.
Outro termo
Outra definição com teclas e exemplo de saída.

Código, pré-formatado e citações

Exemplo inline: const x = 42;

// Bloco de código
function soma(a, b) {
  return a + b;
}
console.log(soma(2,3));

Tags semânticas de exemplo: x, resultado, Ctrl + S.

Mídia: imagens, figuras, vídeo, áudio, svg e canvas

Imagens e figuras

placeholder 600x200
Figura com legenda — figcaption.

Imagem responsiva com e diferentes fontes:

exemplo picture

Vídeo e áudio

SVG e Canvas

SVG Text Seu navegador não suporta canvas.

Formulários e controles

Informações pessoais
















0

70% 30%

Tabelas

Exemplo de Tabela
# Nome Email Ativo
1 João joao@example.com
2 Maria maria@example.com
Rodapé da tabela

Elementos semânticos & ARIA

Semântica: article, section, aside

Seção interna

Texto de exemplo em uma section.

Dialogs, details e summary

Mostrar mais (details/summary)

Conteúdo escondido que aparece ao expandir.

Dialog de teste —

Elementos interativos menos comuns

50%

60%

Resultado

Microdata / data- attributes

Nome Exemplo
data-custom: valor

ARIA (teste de foco / leitores)

Região com role

Use o teclado para navegar aqui.