Title: Ordered List
URL: http://www.activejump.com/i-1.shtml
Email: webmaster@activejump.com
Introduction
Ordered lists allow you to quickly and easily display information that is easy for your visitors to read quickly. An ordered
list creates a list, which is indented, numbering the list items, starting at one. This section will explain how to make an ordered list.
Main Tags
To specify an ordered list, you need to put in the tag for the ordered list. The tag looks like <OL>. The starting
tag is <OL> and the closing tag is </OL>. You will learn how to add list items in the next section.
|
index.html - Notepad |
....<BODY>
<OL>
</OL>
</BODY>....
|
|
List Items
Now, you can add the actual text that will show up in list form. This goes between the two <OL> tags. To put a list
item in, you need to use the list tags, which are necessary for each item. The starting tag is <LI> and the closing tag
is </LI>. The text between the tags is what is the list item. These <LI> tags go between the <OL> tags. Here
is an example using the ordered list.
|
index.html - Notepad |
....<BODY>
<OL>
<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>
</OL>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
- Get an idea
- Create a web page
- Advertise it
|
|
List Type
List type defines how the list items are labeled. The default is numerals, starting at 1, and going up. You are able to change this
to letters, roman numerals, and variations of these options.
The type tag looks like TYPE="list_type". This adds onto the <OL>
tag so the final result looks like <OL TYPE="list_type">. The text list_type can be replaced by any of the following:
TYPE="1" - Displays list items in numerals
TYPE="A" - Displays list items in uppercase letters
TYPE="a" - Displays list items in lowercase letters
TYPE="I" - Displays list items in uppercase roman numerals
TYPE="i" - Displays list items in lowercase roman numerals
|
index.html - Notepad |
....<BODY>
<OL TYPE="A">
<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>
</OL>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
- Get an idea
- Create a web page
- Advertise it
|
|
|