Thursday 8 May 2014

HTML code for News Templates and Directory Homepages



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>&ndash; 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.