Document Structure Elements

Page Header

Article Title

This is the main content area.

Text Content Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a paragraph with some text content.

This paragraph contains bold text, italic text, highlighted text, small text, _subscript, ^superscript, ~~deleted text~~, and inserted text.

    This is preformatted text
    that preserves    spaces
    and line breaks.

Here's some inline console.log("Hello World") code.


function greet(name) {
    return "Hello, " + name + "!";
}

This is a blockquote from an external source.

— Author Name

HTML is the standard markup language.

HTML is a markup language for creating web pages.

Published on September 30, 2025

Press Ctrl + C to copy.

The output will be: Hello, World!

The equation is x = y + 2

Lists

Unordered List

First item
Second item
Third item
- Nested item 1
- Nested item 2

Ordered List

First step
Second step
Third step

Description List

HTML: HyperText Markup Language
CSS: Cascading Style Sheets
JavaScript: Programming language for web development

Links and Media

Tables

Sample Data Table
Name	Age	City
John Doe	30	New York
Jane Smith	25	Los Angeles
Total: 2 people

Forms

Personal Information

Name:

Email:

Password:

Phone:

Website:

Age:

Birth Date:

Appointment Time:

Volume:

Favorite Color:

Upload File:

Message:

Country:

Browser:

Gender: Male
Female
Other

Interests: Sports
Music
Reading

Interactive Elements

Click to expand

This content is hidden by default and can be toggled by clicking the summary.

Embedded Content

Scripting Elements

x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}

Progress and Meter Elements

Progress: 70%

Meter: 70%

Disk usage: 60%

Line Breaks and Separators

This line has a
line break in it.

This line has a word break opportunity in it.

Content after horizontal rule.

Generic Elements

This is a div (block-level container)

This is a span (inline container)