Week 3

by Bryan Wright

BLOCKQUOTE, PRE & HR

<blockquote> Tag: Blocks of Quotes :)

Well for my first use of <blockquote> & </blockquote> I will quote from the movie "My Fair Lady":

The rain in spain, falls mainly on the plains.
The rain in spain, falls mainly on the plains.
The rain in spain, falls mainly on the plains.
The rain in spain, falls mainly on the plains.
The rain in spain, falls mainly on the plains.

Now using BLOCKQUOTE above, we can see a good block of quoted text.

<pre> Tag: Pre-formatted Text

Preformatted text, as used with the tags <pre> & </pre> is a good way to draw pictures, or make spaced text where each character width is the same.
Can you see the rain in spain on the plains below?

 .. ..... ....   ..    .....  . .... ... ...         .... ..... ...
 . ....   ...   ..    ....  .  .... .. . .. .   ..   ........ ...
.  ..   ...    ..   ...    .  .. ...  ... ..   .....  ..  .....
 .  .   ..   .     ..   .  ...... ..  .. .. ....    ..... ....
 .  .   .   ..   ..   .  ..    ..   ...   ..    ... .. ...
  .    .    .  .   . ..   ..          ...     ..   ..    .
  .   .     _______________________________________________
    .   ___________________________________________________
___________________________________________________________

Well if you can't, it's not because <pre> doesn't work. It's because I can't draw, lol.

Here is a small example of a spaced table, using <pre> tags:


-------------------
|  1  |  2  |  3  |
-------------------
|  4  |  5  |  6  |
-------------------
|  7  |  8  |  9  |
-------------------

And here is a smiley:

    _________   
   /         \
  /           \  
 /    @   @    \ 
|               |
|       &       |
|    )     (    |
 \    \   /    /
  \    ---    /
   \         /
    ---------

<hr /> Tags: Horizontal Rules

Here are some examples of HR's and what they look like:

Normal HR written as: <hr /> :

HR that is 5 pixels tall, written as: <hr size="5" /> :

HR, 5 pixels tall with no shade(no 3d effect shadow), written as: <hr size="5" noshade="noshade" /> :

HR, 20 pixels high, 50% of the page width, written as: <hr size="20" width="50%" /> :

HR that is 75% of the page, written as: <hr width="75%" /> :

HR, 5 pixels high, 300 pixels wide, aligned left, written as: <hr size="5" width="300" align="left" /> :

HR, 5 pixels high, 500 pixels wide, aligned right, with noshade, written as: <hr size="5" width="500" align="right" noshade="noshade" /> :

< Week 2 Week 4 >