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
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, hic maxime mollitia 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 animi sit veritatis.
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 expedita commodi perferendis non blanditiis.
Lists
Unordered list
-
List item one
- Nested list item
- List item two
- List item three
Ordered list
-
List item one
- Nested list item
- List item two
- List item three
Definition List
- Definition Title One
- First definition description
- Definition Title Two
- Second definition description
Details and summary element
Show/hide toggle
Explaining all of the things
Some explanation goes here...
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 |