| Heading | Paragraph | Cite | Break |
| Center | Blockquote | Preformated | Definition List |
| Ordered List | UnOrdered List | Division | Span |
Heading One | <h1> with closing tag </h1> |
Heading Two | <h2> with closing tag </h2> |
Heading Three | <h3> with closing tag </h3> |
Heading Four | <h4> with closing tag </h4> |
Heading Five | <h5> with closing tag </h5> |
Heading Six | <h6> with closing tag </h6> |
paragraph tags enclose a block of text. Here are the tags:-
<p> with closing tag </p>
This text is part of a paragraph. The closing tag, though not at this time neccesary, should be included for good form and also to prevent possible problems from arising in the future.
The cite tag is used when you want to call attention to the text that it is quoted from a source. Here is how it will look on a page:
Rogers and Hammerstein musical and can also be used to quote small passages of inline text.
These are the tags:
<cite> with the closing tag </cite>
The break tag is used to skip down the page one line; either to end a line of text and start a new line or it can be used to skip many lines down the page. Paragraph tags should not be used for this purpose. This is the tag:
<br>
There is no closing tag.
These are the tags:
<nobr> with the closing tag </nobr>
This tag may not be supported on all browsers.
This tag is used to center an element. It does not usually affect how the element's contents are displayed. There is also an attribute called align="center" which can become confusing at times. Generally use the tag if you can't get some block of text, picture, division, etc... to align on the page as you wish. This is what it looks like:
<center> with its closing tag </center>
This is an example of its use with a small paragraph.
This element is used when you want to quote a larger source of text than you would enclose in a cite tag. Use this to enclose a multiple line quote. They look like this:
<blockquote> with its closing tag </blockquote>
here is an example of the blockquote:
1 But a certain man named Ananias, with Sapphira his wife, sold a possession, 2 And kept back part of the price, his wife also being privy to it, and brought a certain part, and laid it at the apostles' feet. 3 But Peter said, Ananias, why hath Satan filled thine heart to lie to the Holy Ghost, and to keep back part of the price of the land? 4 Whiles it remained, was it not thine own? and after it was sold, was it not in thine own power? why hast thou conceived this thing in thine heart? thou hast not lied unto men, but unto God. 5 And Ananias hearing these words fell down, and gave up the ghost: and great fear came on all them that heard these things. 6 And the young men arose, wound him up, and carried him out, and buried him.
Then use the cite tag to do this; Scripture taken from the King James Bible; Cambridge, Cambridge
Back to TopThis whole section has been written using the pre tags. The line breaks only where it breaks in the text file used to create the html page. An anchor tag included within the pre tags Other tags can be placed within it. Note... you have to break the text in the file or it will not wrap.
Ok, back to paragraph tag usage... this is what the tags look like:
<pre> with its closing tag </pre>
This is the first of the listing tags available. It is made up of three parts. The definition list (dl) is the enclosing element which holds all the words and their definitions that are to be listed. The next thing to appear is the word that is going to be defined (dt). Then follows the definition of the word itself (dd). This is what they look like:
<dl> holds the words and their definitions </dl>
<dt> holds the words being defined </dt>
<dd> holds the definitions tag </dd>
Show the set-up:
<dl>
<dt>Black</dt>
<dd>The absence of all color</dd>
<dd>A person's bad mood</dd>
</dl>
How it will appear on the page
This list should be used if you want to create a list with the items within it numbered in a sequence. It is made of two parts. The ordered list (ol) is the enclosing element that holds all of the list items(li). This is what they look like:
<ol> holds the entire list</ol>
<li> holds one item of the list </li>
Show the set-up:
<ol>
<li>Cars</li>
<li>Trucks</li>
<li>Tractors</li>
</ol>
How it will appear on the page.
This list should be used if you want to create a list where the sequence is not important. It is made of two parts. The unOrdered list (ul) is the enclosing element that holds all of the list items(li). This is what they look like:
<ul> holds the entire list</ul>
<li> holds one item of the list </li>
Show the set-up:
<ul>
<li>Cars</li>
<li>Trucks</li>
<li>Tractors</li>
</ul>
How it will appear on the page.
This element simply encloses as little or as much of the page as you want. Usually used for large sections of the page. Can be used to enclose a single element to add attributes and layout patterns. As an example it can be used to enclose two paragraphs and an image. Then employing styles to the division you can create effects that will happen to just those elements that were enclosed in the div tags and not the rest of the page.
This section is the example... two paragraphs are within one set of division tags. I have made the background of the division a different color. This shows better in IE than in NS.
This is what the tags look like:
<div> with its closing tag </div>
Now we come to the most versatile element. We use the span when we want to enclose anything on the small scale. Normally this can be text or some other part of an element. Here is an example of its use to turn the background green. Or smaller still. A single letter can be enclosed within the span tags and then some attribute can be assigned to it; as in this case the "s" in the word "still" has the font-family of Arial Black attached to it.
The span tags look like this:
<span> with its closing tag</span>
Hope that this helps you...
Author: Joseph Raymond
5th of April, 2001