Sample HTML Files

HTML (HyperText Markup Language) is the foundation of web pages. Below are test HTML files: a minimal skeleton, pages with embedded CSS and JavaScript, forms, tables, semantic HTML5, inline SVG, responsive layout and a large document for parser stress tests

Sample file: Minimal HTML5 (DOCTYPE, head, body)
Minimal HTML5 (DOCTYPE, head, body)
189 bytes
Sample file: HTML with inline CSS (typography, cards)
HTML with inline CSS (typography, cards)
1.3 Kb
Sample file: HTML with inline JavaScript (click handling)
HTML with inline JavaScript (click handling)
922 bytes
Sample file: HTML with a form (input, textarea, select, file, radio)
HTML with a form (input, textarea, select, file, radio)
1.7 Kb
Sample file: HTML with a table (countries, population, GDP)
HTML with a table (countries, population, GDP)
2.2 Kb
Sample file: Semantic HTML5 (article, section, nav, aside)
Semantic HTML5 (article, section, nav, aside)
2.5 Kb
Sample file: HTML with embedded inline SVG (shapes, gradient, chart)
HTML with embedded inline SVG (shapes, gradient, chart)
2.2 Kb
Sample file: HTML with full meta tag reference (Open Graph, Twitter Card, JSON-LD)
HTML with full meta tag reference (Open Graph, Twitter Card, JSON-LD)
2.2 Kb
Sample file: Responsive HTML page (viewport, media queries, dark mode)
Responsive HTML page (viewport, media queries, dark mode)
2.7 Kb
Sample file: Large HTML document, 80 sections (~67 KB, parser stress test)
Large HTML document, 80 sections (~67 KB, parser stress test)
67 Kb

🧠 How HTML works

HTML (HyperText Markup Language) is the markup standard for web pages. A document begins with a DOCTYPE and consists of elements (tags) placed inside head and body. Modern HTML5 includes semantic tags (article, section, nav), forms, multimedia and is supported by all browsers. The specification is the WHATWG HTML Living Standard.

DOCTYPE <!DOCTYPE html> HTML5 mode 📑 <head> title, meta link, style 📄 <body> content headings, text 🏷️ Semantics article, nav section, aside SEO + a11y 🌐 .html page