HTML5 Element Test Page

Common HTML5 elements for CSS testing purposes.

Formatting

Inline, Flow-Content

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.

Citation, Quotation, Abbreviation, Definition, and Datetime

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

Address

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 commodi laudantium quod excepturi nam corrupti odit provident. - Blockquote Citation

Preformatted Text

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

Horizontal Line:


Headings

First Heading h1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea delectus cupiditate minima, magni possimus commodi, eveniet? Rem, adipisci architecto pariatur libero aliquid culpa sunt accusantium. Ipsa error aliquid et! Animi.

Second Heading h2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia molestias ullam quasi est a nemo, accusamus voluptatum autem. Eius explicabo est assumenda voluptatem id, maxime facere debitis quos.

Third Heading h3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo deleniti, repudiandae rerum nam laborum eligendi aperiam. Autem id, ad necessitatibus accusantium, facilis, quae ullam est, voluptates debitis fugiat quos inventore!

Fourth Heading h4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque cum eum eligendi voluptatum quasi nisi doloremque ipsam unde, laboriosam nihil voluptatem consequatur quam non similique vero ratione sit veratis.

Fifth Heading h5

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 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

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 and Inputs

Basic types of input fields


Fieldset and Legend

Legend