HTML Elements (Theme Layout Demo)
HTML5 Test Page
This is a test page filled with comÂmon HTML eleÂments to be used to proÂvide visual feedÂback whilst buildÂing CSS sysÂtems and frameworks.
Text
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
A paraÂgraph (from the Greek paraÂgraphos, âto write besideâ or âwritÂten besideâ) is a self-âcontained unit of a disÂcourse in writÂing dealÂing with a parÂticÂuÂlar point or idea. A paraÂgraph conÂsists of one or more senÂtences. Though not required by the synÂtax of any lanÂguage, paraÂgraphs are usuÂally an expected part of forÂmal writÂing, used to orgaÂnize longer prose.
Blockquotes
A block quoÂtaÂtion (also known as a long quoÂtaÂtion or extract) is a quoÂtaÂtion in a writÂten docÂuÂment, that is set off from the main text as a paraÂgraph, or block of text.
It is typÂiÂcally disÂtinÂguished visuÂally using indenÂtaÂtion and a difÂferÂent typeÂface or smaller size quoÂtaÂtion. It may or may not include a citaÂtion, usuÂally placed at the bottom.
Lists
Definition list
- Definition List Title
- This is a defÂiÂnÂiÂtion list division.
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
Horizontal rules
Tabular data
Table Heading 1 | Table Heading 2 | Table Heading 3 | Table Heading 4 | Table Heading 5 |
---|---|---|---|---|
Table Footer 1 | Table Footer 2 | Table Footer 3 | Table Footer 4 | Table Footer 5 |
Table Cell 1 | Table Cell 2 | Table Cell 3 | Table Cell 4 | Table Cell 5 |
Table Cell 1 | Table Cell 2 | Table Cell 3 | Table Cell 4 | Table Cell 5 |
Table Cell 1 | Table Cell 2 | Table Cell 3 | Table Cell 4 | Table Cell 5 |
Table Cell 1 | Table Cell 2 | Table Cell 3 | Table Cell 4 | Table Cell 5 |
Code
Keyboard input: Cmd
Inline code: <div>code</div>
Sample outÂput: This is sample output from a computer program.
Pre-âformatted text
P R E F O R M A T T E D T E X T ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~
Inline elements
Strong is used to indiÂcate strong importance.
This text has added emphasis.
The b eleÂment is stylÂisÂtiÂcally difÂferÂent text from norÂmal text, withÂout any speÂcial importance.
The i element is text that is offÂset from the norÂmal text.
The u eleÂment is text with an unarÂticÂuÂlated, though explicÂitly renÂdered, non-âtextual annotation.
This text is deleted and This text is inserted. This is a link with inserted text.
This text has a strikethrough.
SuperscriptÂź.
Subscript for things like H2O.
This small text is small for for fine print, etc.
Abbreviation: HTML
This text is a short inline quotation.
This is a citation.
The dfn eleÂment indiÂcates a definition.
The mark eleÂment indiÂcates a highlight.
The variable element, such as x = y.
The time eleÂment:
HTML Comments
There is comÂment here:
There is a comÂment spanÂning mulÂtiÂple tags and lines below here.
Embedded content
Images
No <figure>
element
Wrapped in a <figure>
element, no <figcaption>
Wrapped in a <figure>
element, with a <figcaption>
Audio
Video
Canvas
Meter
Progress
Inline SVG
IFrame
Form elements