Graphic of the words PC RESOURCES in burning flames

Skip to main content

Skype status: Call us!
or
send us an IM!

Not got Skype? Find out more and download: click here!

Search crustysocks.com:

Mobile/cellular phone accessories and handsets Conspiracy theory books and DVD's Become a link partner



HTML TUTORIAL/ORDERED LISTS

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:


  1. APPLES
  2. BANANAS
  3. PEARS
  4. GRAPES


HTML TUTORIAL/UNORDERED LISTS

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
A basic web page layout
Linking to another page or sections of a page
Creating an E mail link
Paragraphs and line breaks
Headings
Ordered and unordered lists
Inserting and aligning images
Changing colour and font attributes

SOCIAL BOOKMARKING

Add this page to:

Bookmark to: Digg Bookmark to: Del.icio.us Bookmark to: Facebook Bookmark to: Reddit Bookmark to: StumbleUpon Bookmark to: Slashdot Bookmark to: Furl Bookmark to: Blinklist Bookmark to: Technorati Bookmark to: Newsvine Bookmark to: Blinkbits Information


CONTACT INFORMATION

Picture of Crustysocks himself facing left with is arms outstretched! Please contact us with any enquiries or comments via our
contact form or if you prefer to e-mail direct, you can at: enquiries@crustysocks.com

For any technical problems or accessibility issues you may be experiencing, please use the "contact form" link above or e-mail the webmaster at: webmaster@crustysocks.com

For live Skype chat or instant messaging:
Skype status: Call us!
or
send us an IM!

Not got Skype? Find out more and download: click here!



©(COPYRIGHT) CRUSTYSOCKS.COM
2010 ALL RIGHTS RESERVED.



Back to top