Graphic of the words PC RESOURCES in burning flames

Skip to main content

JOIN THE MAILING LIST FOR NEWS, PROMOTIONS, OFFERS AND MORE:

E Mail Address:


Search crustysocks.com:

Subscribe to RSS feed Latest newsfeeds

Follow us on twitter:

Interact with us:
Latest tweets Contact



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

Tweet


CONTACT INFORMATION

Latest tweets (site news-updates, personal views, info and moore!...get involved, interact and go with the flow!):


Follow us:

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

Disclaimer, copyright and terms of use
Privacy
Become a link partner





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



Back to top