Skip to main content
|
JOIN THE MAILING LIST FOR NEWS, PROMOTIONS, OFFERS AND MORE:
|
Search crustysocks.com:
|
Follow us on twitter: Follow @crustysocks123 Interact with us: Latest tweets Contact |
There are two different types of lists, ordered and unordered. The first one "ordered" is a list that displays your content with increasing numbers, for example, 1, 2, 3 and so on. The second is called an unordered list, which displays your lists with "bulleted" symbols. It is possible to use different shapes for these lists, like circles, aswell as Roman numerals for "ordered" lists, but for now we'll keep it at the default level.
Ok, so the code we use for an ordered list is:
<OL>your list goes here </OL>
These are the opening and closing tags, but for each item we have in the list, we use:
<LI>...this code doesn't need a closing tag (but it won't hurt if you wanted to use it, the closing tag is: </LI>).
For example to type an ordered list with 4 items in it, we would code:
<OL>
<LI>
APPLES
<LI>
BANANAS
<LI>
PEARS
<LI>
GRAPES
</OL>
and this displayed in a browser would look like the following:
An unordered list is exactly like the "ordered list", but instead of displaying items with a number, it displays them with a symbol of a bullet. The code for the unordered list is:
<UL>your list goes here.</UL>
Again we use the <LI> code with every item in the list. So for an example of an unordered list, we would type:
<UL>
<LI>
COFFEE
<LI>
TEA
<LI>
WATER
<LI>
ORANGE JUICE
</UL>
and this displayed in a browser would look like the following:
So, hopefully this has shown you how to code lists into your web page. These can be very useful in lots of circumstances, not only for regular lists, but you can also get a good effect with the "unordered" list, if you want to emphasize certain points or statements.
Getting started|
Latest tweets (site news-updates, personal views, info and moore!...get involved, interact and go with the flow!):
|
Please contact us with any enquiries or comments via our
Disclaimer, copyright and terms of use
|