Sample Page Elements

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. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget enim lorem. Aenean ac nulla lacus, at ornare magna. Sed quis nibh non mauris blandit cursus. Maecenas aliquet dolor ut lacus consequat iaculis. Praesent suscipit vulputate nisl tempus vehicula. Sed elementum, sapien vel commodo suscipit, libero nisi gravida mauris, eget volutpat urna felis sit amet dolor. Sed faucibus commodo elit ac placerat.

[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.

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]


Links

Links throughout the site will look like this.

When the link goes to an external website, it should always open in a new window/tab, and it should be indicated with this arrow ►, as shown in the following example:

And the same goes to the navigation items that go to an external resource. A good example of this is the Campus Life section.

Links to pdf files should also open in a new window and have "pdf" in parenthesis right after the link, as the example below (and within the navigation as well):

[top]


List Types

Definition List

Definition List Title
This is a definition list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3
    • List Item
    • List Item
      • List Item
      • List Item
        • List Item

[top]


Forms

Legend

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.

Form Element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.





Radio 1
Radio 2
Radio 3


Radio 1
Radio 2
Radio 3



[top]


Tables

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

[top]


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

“This stylesheet is going to help so freaking much.”
-Blockquote

[top]