Lesson five indenting and creating spaces , reza html report
1. LESSON FIVE - INDENTING AND
CREATING SPACES WITH   AND
CREATING LISTS
2. INDENTING A LINE AND CREATING SPACES WITH
 
In , the nbsp stands for non-breaking space
character. is simply known as the space character.
Use whatever number suits your purpose. Note that the
"nbsp" must be in lower case letters.   will not work.
The character "&" is pronounced "ampersand" and these 6
characters form an ampersand command.
We know that browsers read commands inside angle brackets
(< >). Well, browsers also read commands between the "&"
and ";" (that is, between the ampersand and semicolon).
Ampersand commands are used to create special characters
not found on the keyboard such as the copyright symbol, the
trademark symbol, the symbol for degrees, etc.
All you need to know is that special code that goes between
the "&" and the ";".
3. CREATING A LIST
Lists are often used to present information in an easy to
read fashion. Lists can also be used to indent
information. Lists can be bulleted, numbered or printed
without bullets and numbers. It should also be noted that
in any type of list, you can still use the line break and
paragraph tags and the normal text markup tags to
emphasize text, etc. There are three types of lists:
UNORDERED LISTS (uses bullets)
ORDERED LISTS (uses numbers)
DEFINITION LISTS (no numbers or bullets).
4. CREATING AN UNORDERED LIST
Unordered Lists are bulleted lists. You use the opening tag <UL>
to indicate the beginning of an Unordered List. To indicate the end of
the Unordered List, you use the ending tag </UL>. Furthermore,
each item in your bulleted list must begin with the tag <LI>. <LI>
stands for List Item. This is how you do it then:
<UL>
<LI>item
<LI>item
<LI>item
</UL>
5. EXAMPLE:
This is document #1:
<HTML>
<HEAD> <TITLE>SAFETY TIPS </TITLE>
</HEAD><BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR
CANOEISTS</H2>
<UL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around
<LI>Don't overexert yourself
<LI>Use a bow light at night
</UL>
</BODY></HTML>
6. CREATING A DEFINITION LIST (NO BULLETS OR
NUMBERS)
A Definition List also manipulates text for you.
Unordered Lists and Ordered lists are "single item" or
"one tier" lists because each <LI> creates one list item.
A Definition List is a "two item" or a "two tier" list as you
will see in the next example.
The following example illustrates a DEFINITION LIST
and we will not use one of our previous examples for this.
SWITCH to NOTEPAD and type in the following new
document.
7. <HTML>
<HEAD> <TITLE>TRIP PLANNING</TITLE> </HEAD><BODY>
<H2 ALIGN="CENTER">SUMMER CAMPING TRIP PLANNING</H2><HR>
<DL>
<DT>Winter
<DD>Write for maps and travel brochures
<DD>Read camping books
<DD>Prepare budget and equipment list
<DT>Spring
<DD>Visit camping shows
<DD>Buy essential items
<DD>Make reservations
<DT>Week Before Trip
<DD>Have vehicle serviced
<DD>Vaccinate pets
<DD>Buy traveler's cheques
<DD>Cancel newspaper and other deliveries
<DT>Day before trip
<DD>Load vehicle
</DL>
</BODY></HTML>
8. CHANGING THE STYLE OF YOUR BULLETS AND
NUMBERS
The TYPE attribute
You can use the TYPE attribute to control the "appearance" of
the bullets and also to control a numbered list. The TYPE
attribute was originally a Netscape extension and new to
HTML 3.2. It is now supported by all browsers. CHANGING
THE APPEARANCE OF BULLETS
Here is the way to change your bullets to SQUARE bullets:
<UL TYPE="square">
<LI>item 1
<LI>item 2
<LI>item 3
</UL>
9. If your browser supports the TYPE attribute, you should
see the following square bullets. If your bullets are not
square, then your browser does not support the TYPE
attribute. Note that the value "square" is written in
lowercase letters. The TYPE attribute will not work if it is
written in uppercase letters.
item 1
item 2
item 3
You can also change the appearance of your bullets to
hollow or open bullets with:
<UL TYPE="circle">
To get the round solid bullets back again (which is the
default value), use:
<UL TYPE="disc">
10. CHANGING THE APPEARANCE OF AN
ORDERED LIST
We can also change the ordered list to something
other than Arabic numbers (1, 2, 3, etc.). For
example, to change to a capitalized Roman
Numeral numbered list, it is:
<OL TYPE="I">
<LI>item 1
<LI>item 2
<LI>item 3
</OL>