This is 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.

The HTML <h1>–<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6

Avoid using heading tags to resize text. Instead, use the CSS font-size property. Headings use size to indicate their relative importance, but CSS is preferred for general-purpose resizing.

Quoting

The HTML blockquote element defines a long block quotation in the HTML document from another source.

“Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.” ― Scott Adams

A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.


Unordered Lists

Groups a collection of items that do not have a numerical ordering, and their order in the list is meaningless.

  • Donec non tortor in arcu mollis feugiat
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  • Donec id eros eget quam aliquam gravida
  • Vivamus convallis urna id felis
  • Nulla porta tempus sapien

Ordered Lists

Represents a list of items. The only difference from the unordered list is taht the order of the items is meaningful.

  1. Donec non tortor in arcu mollis feugiat
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  3. Donec id eros eget quam aliquam gravida
  4. Vivamus convallis urna id felis
  5. Nulla porta tempus sapien

Code Blocks

/* Some example CSS code */
body {
  color:red;
}

Tables

Simple table with caption and header
First nameLast name
JohnDoe
JaneDoe