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

Press Ctrl + C to copy.

The output will be: Hello, World!

The equation is x = y + 2

Lists

Unordered List

Ordered List

  1. First step
  2. Second step
  3. Third step

Description List

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

Links and Media

External link

Email link

Phone link

Internal link

Placeholder image
Figure example
This is a figure caption

Tables

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

Forms

Personal Information


Gender:

Interests:

Interactive Elements

Click to expand

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

This is a dialog box!

Embedded Content

PDF cannot be displayed. Download PDF

Scripting Elements

Your browser does not support the canvas element. x = - b ± 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)