Common content

The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.


Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl.

Heading 2

This is a red picture! Nice huh?
This is a red picture! Nice huh?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl.


Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl.

Heading 4

essex_house_full_1x
Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ullamcorper lorem. Sed neque nunc, egestas vel velit nec, volutpat pharetra magna. Duis hendrerit ipsum at pharetra mattis. Nullam ultrices posuere eros, quis tincidunt sem tincidunt sit amet. Donec iaculis erat ut diam sollicitudin, vitae congue odio convallis. Duis volutpat commodo euismod. Proin tempor ultricies ipsum in ultrices. Duis placerat augue hendrerit ipsum porttitor feugiat. Donec vel diam pharetra, adipiscing elit at, pharetra nisl. [top]


Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. esp-banner Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. [top]


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.


Lorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

List Types

Definition List

Definition List Title
This is a definition list division.
Definition List Inside
Ordered List Inside
  1. Nested list item A
  2. Nested list item B
Unordered List Inside
  • Nested list item A
  • Nested list item B

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Inside!
    1. Nested list item A
    2. Nested list item B

    Content After

  4. List Inside!
    • Nested list item A
    • Nested list item B

    Content After

  5. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Inside!
    1. Nested list item A
    2. Nested list item B

    Content After

  • List Inside!
    • Nested list item A
    • Nested list item B

    Content After

  • List Item 3

[top]


Forms

A Form Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut condimentum lorem ut auctor iaculis. Etiam non lacus ultricies, molestie quam et, iaculis ante. Morbi consequat tempor nulla vitae posuere. Aliquam at sem in quam vestibulum lobortis in ut magna. Nullam sagittis tempus orci, non suscipit tellus commodo vitae.

[top]


Tables

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

[top]


Preformatted Text

Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. Most browsers use Courier and that’s a good default — with one slight adjustment, Courier 10 Pitch over regular Courier for Linux users. For example:

"Beware the Jabberwock, my son!
				The jaws that bite, the claws that catch!
			Beware the Jubjub bird, and shun
				The frumious Bandersnatch!"

Code

Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>, or within a <pre> block. Because we have more specific typographic needs for code, we’ll specify Consolas and Monaco ahead of the browser-defined monospace font.

#container {
				float: left;
				margin: 0 -240px 0 0;
				width: 100%;
			}

Misc Stuff – abbr, acronym, pre, code, sub, sup, etc.

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Blockquotes

Let’s keep it simple. Italics are good to help set it off from the body text. Be sure to style the citation.

Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you. HAL 9000

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you. HAL 9000

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.