Headings#

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

h1

h2

h3

h4

h5

h6

Paragraphs#

This HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.

Paragraphs are block-level elements, and notably will automatically close if another block-level element is parsed before the closing tag

Images#

Figures with caption

Blockquotes#

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Buttons and links#

Button Link

Tables#

Name	Age
Bob	27
Alice	23

Forms#

Option 1 Option 2 Option 3

I understand
Submit

Code Blocks#

pre {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0;
}

List Types#

Ordered List#

1. Item
2. Item
3. Item
4. Item
5. Item
6. Item
7. Item
8. Item
9. Item
10. Item

Unordered List#

• Item
• Item
• Item
• Item
• Item
• Item

Nested list#

• Item
  • Nested item
  • Nested item
  • Nested item
• Item
  • Nested item
  • Nested item
  • Nested item

Other Elements — abbr, sub, sup, kbd, mark#

Text^sup

Text_sub

Abbr.

Kbd

Marked