HTML5 Element Test Page

Common HTML5 elements for CSS testing purposes.

Formatting

This sentence is bold. If you like semantics, you might go with strong or emphasized text. If not, italic is still around. Small text is for fine print. Your copy can also be subscripted and superscripted, inserted, deleted, or highlighted. You would use a hyperlink to go to a new page.

If you like to write about there are plenty of semantic tags for you. There's the generic code, as well as keyboard input, computer output, and variables.

You might have need of a citation, short quotation, abbreviation, or definition. It might be .

123 Fake Street
Springfield, USA

Blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam molestiae et assumenda molestias alias ut saepe doloribus, porro, deleniti neque, harum minus, commodi laudantium quod excepturi nam corrupti odit provident. - Blockquote Citation

Preformatted Text

class Voila {
public:
  // Voila
  static const string VOILA = "Voila";
}

Horizontal Line


Headings

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit voluptatem necessitatibus eos iusto nam deserunt, dicta possimus error qui reiciendis, aut dolore magnam eligendi maiores expedita commodi perferendis non blanditiis.

Lists

Unordered list

Ordered list

  1. List item one
    1. Nested list item
  2. List item two
  3. List item three

Definition List

Definition Title One
First definition description
Definition Title Two
Second definition description

Tables

Default table

Head 1 Head 2 Head 3
Footer 1 Footer 2 Footer 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3

Big spacing table

Head 1 Head 2 Head 3
Footer 1 Footer 2 Footer 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3

Small spacing table

Head 1 Head 2 Head 3
Footer 1 Footer 2 Footer 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3

Highlighted table

Head 1 Head 2 Head 3
Footer 1 Footer 2 Footer 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3

Highlighted table with header background

Head 1 Head 2 Head 3
Footer 1 Footer 2 Footer 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3
Description 1 Description 2 Description 3

Forms

Input block

Text input

Password input

URL input

Email input

Phone input

Serach input

Number input

Select input

Checkboxes

Radio input

Textarea

Input buttons

Fieldset and Legend

Legend

Buttons

Progress Bar