Title: Advanced Spacing Tags
URL: http://www.activejump.com/e-2.shtml
Email: webmaster@activejump.com
Introduction
There are many other spacing tags besides the basic tags. In this section you will be learning how to add and use
these more advanced spacing tags on your web site.
Pre-Formatted Text
Pre-Formatted Text can be a very interesting and useful part of HTML. The tags for Pre-Formatted Text are <PRE> for the starting
tag and </PRE> for the closing tag. The text in the middle is affected by the tags. What it does, is allows you to
type text and not to have to worry about the <BR> and <P> tags. This is because it will show up on the web page
as it shows up in your HTML document. This can be very useful for creating columns that need to be lined up. However, we recommend
not to use this tag all the time.
|
index.html - Notepad |
....<BODY>
<PRE>
Welcome!
I hope you like my site
</PRE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer | |
Welcome! I hope you like my site
|
|
Horizontal Rule
The tag for a horizontal rule is <HR>. This tag will put a line across the screen. Below, is an example
that uses the Horizontal Rule.
|
index.html - Notepad |
....<BODY>
Hello World!
<HR>
Welcome To My Site
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
Hello World!
Welcome To My Site
|
|
Subscript
This tag makes the text appear below the normal line of writing. The subscript tag looks like <SUB>. The starting
tag is <SUB> and the closing tag is </SUB>. The text between the two is affected. Here is an example using
the subscript tag.
|
index.html - Notepad |
....<BODY>
<SUB>Hello World!</SUB> Normal Text
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
Hello World! Normal Text
|
|
Superscript
This tag makes the text appear above the normal line of writing. The superscript tag looks like <SUP>. The starting
tag is <SUP> and the closing tag is </SUP>. The text between the two is affected. Here is an example using
the superscript tag.
|
index.html - Notepad |
....<BODY>
<SUP>Hello World!</SUP> Normal Text
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
Hello World! Normal Text
|
|
Block Quote
This tag makes the text indented one tab (5 spaces). The blockquote tag looks like <BLOCKQUOTE>. The starting
tag is <BLOCKQUOTE> and the closing tag is </BLOCKQUOTE>. The text between the two is affected.
Here is an example using the blockquote tag.
|
index.html - Notepad |
....<BODY>
<BLOCKQUOTE>Hello World! Welcome To My Site. I hope you enjoy looking at it. </BLOCKQUOTE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
Hello World! Welcome To My Site. I hope you enjoy looking at it.
|
|
Space
There is a line that you can put in that will automatically add a space. The line is " ". This line will
create one space. Here is an example using the space line.
|
index.html - Notepad |
....<BODY>
Hello World!
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
Hello World!
|
|
|