A sleek, all‑in‑one HTML test page

Use this page to verify typography, forms, tables, media, layout, and basic JavaScript behaviors. It’s fully self‑contained—no external assets.

Tip: press Tab to see focus rings.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold, italic, underline, inline code, a link, and a badge. Here’s a keyboard key: Ctrl + K.

“Good design is as little design as possible.” — Dieter Rams
// Code block
function hello(name){
  return `Hello, ${name}!`;
}
console.log(hello('World'));

Unordered List

  • Apples
  • Bananas
    • Plantains
    • Cavendish
  • Cherries

Ordered & Definition

  1. First
  2. Second
  3. Third
API
Application Programming Interface
DOM
Document Object Model

Data Table

CountryCapitalPopulation (M)
SwedenStockholm10.5
IndonesiaJakarta276.4
JapanTokyo125.7

Form Elements

Preferences
Contact method
Form data (debug) 
—

Components & Layout

Card One

Cards test spacing, shadows, and border radii. Resize the window to see responsive behavior.

Card Two

This card includes a badge and a focusable link.

Dialog

Open the native HTML dialog to test modality and focus management.

Hello 👋

This is a native <dialog>. Press Esc or the button below to close.

Image & Figure

Inline SVG placeholder with gradient and shapes.

Below are <meter> and <progress> elements:

Battery: 76%

Loading: 0%

Responsive Picture

Responsive placeholder
Media notes

These are inline data URLs, so no network access is needed.

Debug Panel

Theme

auto

Viewport

Time

User Agent