Archivos HTML de prueba

HTML (HyperText Markup Language) es la base de las páginas web. A continuación se presentan archivos HTML de prueba: esqueleto mínimo, páginas con CSS y JavaScript integrados, formularios, tablas, HTML5 semántico, SVG en línea, diseño adaptativo y un documento grande para pruebas de estrés de parsers

Archivo de muestra: HTML5 mínimo (DOCTYPE, head, body)
HTML5 mínimo (DOCTYPE, head, body)
189 bytes
↓
Archivo de muestra: HTML con CSS en línea (tipografía, tarjetas)
HTML con CSS en línea (tipografía, tarjetas)
1.3 Kb
↓
Archivo de muestra: HTML con JavaScript en línea (manejo de clics)
HTML con JavaScript en línea (manejo de clics)
922 bytes
↓
Archivo de muestra: HTML con un formulario (input, textarea, select, file, radio)
HTML con un formulario (input, textarea, select, file, radio)
1.7 Kb
↓
Archivo de muestra: HTML con una tabla (países, población, PIB)
HTML con una tabla (países, población, PIB)
2.2 Kb
↓
Archivo de muestra: HTML5 semántico (article, section, nav, aside)
HTML5 semántico (article, section, nav, aside)
2.5 Kb
↓
Archivo de muestra: HTML con SVG en línea embebido (formas, degradado, gráfico)
HTML con SVG en línea embebido (formas, degradado, gráfico)
2.2 Kb
↓
Archivo de muestra: HTML con conjunto completo de meta etiquetas (Open Graph, Twitter Card, JSON-LD)
HTML con conjunto completo de meta etiquetas (Open Graph, Twitter Card, JSON-LD)
2.2 Kb
↓
Archivo de muestra: Página HTML adaptativa (viewport, media queries, modo oscuro)
Página HTML adaptativa (viewport, media queries, modo oscuro)
2.7 Kb
↓
Archivo de muestra: Documento HTML grande, 80 secciones (~67 KB, prueba de estrés de parsers)
Documento HTML grande, 80 secciones (~67 KB, prueba de estrés de parsers)
67 Kb
↓

🧠 Cómo funciona HTML

HTML (HyperText Markup Language) es el estándar de marcado para páginas web. Un documento comienza con DOCTYPE y consta de elementos (etiquetas) dentro de head y body. El HTML5 moderno incluye etiquetas semánticas (article, section, nav), formularios, multimedia y es compatible con todos los navegadores. La especificación es WHATWG HTML Living Standard.

❗ DOCTYPE <!DOCTYPE html> modo HTML5 📑 <head> title, meta link, style 📄 <body> contenido encabezados, texto 🏷️ Semántica article, nav section, aside SEO + a11y 🌐 .html página