Headers
The main page header in this guide is an h1 tag;
specifically, it is an h1 tag with a class of pagetitle. An example of a
vanilla h1 header is:
The Quick Brown Fox Jumps over the Lazy Dog
While there is currently not a limit on the usage of the h1
tag, it is primarily used for page titles throughout the website.
The header for this section, and all subsequent sections, is
achieved via the h2 tag. As with the h1 tag, the h2 tag doesn’t have a limit on
its usage, but it primarily used for section headers.
Third-level and lower Headers
In documents where headers below h2 are used, the h3, h4,
h5, and h6 tags may be used, respectively. Examples of each are as follows:
Third-level Header - <h3></h3>
Fourth-Level Header - <h4></h4>
Fifth-Level Header - <h5></h5>
Sixth-Level Header - <h6></h6>
The above headers have not restriction on their usage,
however, it is recommended that they be used in subsequent order (i.e. h3 is
used after h2, h4 is used after h3, etc.)
Paragraphs
Creating paragraphs is as simple as wrapping your text in a
p tag (<p></p>). In fact any unformatted text entered in the online
editor will automatically be formatted with a p tag. Additionally, p tags can
be wrapped by blockquote tags if the text is in fact a quote as the block-quote
tag is reserved for quotes.
"There is
divine beauty in learning, just as there is human beauty in tolerance. To learn
means to accept the postulate that life did not begin at my birth. Others have
been here before me, and I walk in their footsteps. The books I have read were
composed by generations of fathers and sons, mothers and daughters, teachers
and disciples. I am the sum total of their experience, their quests. And so are
you."
– Elie Wiesel
Below is the example to build the above blockquote block.
<blockquote
cite="http://www.quoteland.com/author/Elie-Wiesel-Quotes/1646/">
<p><q>There is divine beauty in learning, just
as there is human beauty in tolerance. To learn means to accept the postulate
that life did not begin at my birth. Others have been heere before me, and I
walk in their footsteps. The books I have read were composed by generations of
fathers and sons, mothers and daughters, teachers and disciples. I am the sum
total of their experience, their quests. And so are you.</q></p>
<p>– Elie Wiesel</p>
</blockquote>
The cite attribute used in the above example is semantic way
to add a citation to a quote that doesn't include a cite tag. For more
information on formatting quotes,
Source Code Editing Using Existing CSS and Javascript
Within the News Template and Directory Homepages are a few
styles that can be applied to your webpages. These simple codes can be added to
your web pages by selecting the View Source Option or HTML Option in your
template admin. Simply follow the instructions below to have your text easily
format to SVC website standards. Use the links below to jump to the various
tutorials.