Arquivos HTML de exemplo

HTML (HyperText Markup Language) é a base das páginas web. Abaixo estão arquivos HTML de teste: um esqueleto mínimo, páginas com CSS e JavaScript embutidos, formulários, tabelas, HTML5 semântico, inline SVG, layout responsivo e um documento grande para testes de estresse de parsers

Arquivo de exemplo: HTML5 mínimo (DOCTYPE, head, body)
HTML5 mínimo (DOCTYPE, head, body)
189 bytes
↓
Arquivo de exemplo: HTML com CSS inline (tipografia, cards)
HTML com CSS inline (tipografia, cards)
1.3 Kb
↓
Arquivo de exemplo: HTML com JavaScript inline (tratamento de cliques)
HTML com JavaScript inline (tratamento de cliques)
922 bytes
↓
Arquivo de exemplo: HTML com formulário (input, textarea, select, file, radio)
HTML com formulário (input, textarea, select, file, radio)
1.7 Kb
↓
Arquivo de exemplo: HTML com tabela (países, população, PIB)
HTML com tabela (países, população, PIB)
2.2 Kb
↓
Arquivo de exemplo: HTML5 semântico (article, section, nav, aside)
HTML5 semântico (article, section, nav, aside)
2.5 Kb
↓
Arquivo de exemplo: HTML com inline SVG embutido (formas, gradiente, gráfico)
HTML com inline SVG embutido (formas, gradiente, gráfico)
2.2 Kb
↓
Arquivo de exemplo: HTML com referência completa de meta tags (Open Graph, Twitter Card, JSON-LD)
HTML com referência completa de meta tags (Open Graph, Twitter Card, JSON-LD)
2.2 Kb
↓
Arquivo de exemplo: Página HTML responsiva (viewport, media queries, dark mode)
Página HTML responsiva (viewport, media queries, dark mode)
2.7 Kb
↓
Arquivo de exemplo: Documento HTML grande, 80 seções (~67 KB, teste de estresse de parsers)
Documento HTML grande, 80 seções (~67 KB, teste de estresse de parsers)
67 Kb
↓

🧠 Como o HTML funciona

HTML (HyperText Markup Language) é o padrão de marcação para páginas web. Um documento começa com um DOCTYPE e é composto por elementos (tags) colocados dentro de head e body. O HTML5 moderno inclui tags semânticas (article, section, nav), formulários, multimídia e é suportado por todos os navegadores. A especificação é o WHATWG HTML Living Standard.

❗ DOCTYPE <!DOCTYPE html> modo HTML5 📑 <head> title, meta link, style 📄 <body> conteúdo títulos, texto 🏷️ Semântica article, nav section, aside SEO + a11y 🌐 .html página