Welcome to Our Online Community

This document serves as an example for well "formed" documents throughout your website. Following these simple guidelines will help your user to find information in a quick and simple fashion as well as help to optimize your site for search engines.

Using Headers Effectively <h2>

Dividing pages by using section headers helps to turn your content into easily digestible chucks. This page structure allows visitors to quickly scan a page for the information they are looking for.

Every page should include a page header or <h1> line at the top that represents what the page is about; the <h1> should also match the page title which is defined in the "display name" field of page properties. It is helpful to include a brief page summary after the page header. The rest of the page should follow a descending structure of <h2> through <h6>.

I am a header one <h1>

I am a header two <h2>

I am a header three <h3>

I am a header four <h4>

I am a header five <h5>
I am a header six <h6>

Content Styles <h2>

Additional styles and tags can also help to improve access to information across your site.

Various List Types

Unordered List

  • I am the first unordered list item
  • I am the second unordered list item
  • I am the third unordered list item
  • I am the fourth unordered list item

Ordered List

  1. I am the first ordered list item
  2. I am the second ordered list item
  3. I am the third ordered list item
  4. I am the fourth ordered list item

Definition List

I am the first definition term
I am one of the first definition term's definition descriptions
I am one of the first definition term's definition descriptions
I am the second definition term
I am one of the second definition term's definition descriptions
I am one of the second definition term's definition descriptions
Orange
a globose, reddish-yellow, bitter or sweet, edible citrus fruit.
any white-flowered, evergreen citrus trees of the genus Citrus, bearing this fruit
any of several trees or fruits resembling an orange.
Art. a secondary color that has been formed by the mixture of red and yellow pigments.

Blockquotes <h3>

If a blockquote or indention to set off a section of text is needed, you may use either the "Indent Text" button or the tag BLOCKQUOTE to render text in such a manner. It indents the text by 20 pixels on the left and retained the other font styles of the normal text paragraphs. Other header styles may be used in conjunction with the blockquote to render headlines within the indent text, as demonstrated above. All spacing has been defined using the CSS, so no other styling are spacing should be applied manually.