HTML Lessons  

  1. HTML Introduction

  2. HTML Tags

  3. HTML Page Structure

  4. HTML Backgrounds

  5. HTML Formatting Text

  6. HTML Formatting Fonts

  7. HTML Headings

  8. HTML Entities

  9. HTML Line Breaks

  10. HTML Lists

  11. HTML HR- Horizontal Rule

  12. HTML Images

  13. HTML Links

  14. Table Introduction

  15. Table Rows & Columns

  16. Table Width

  17. Table Alignment

  18. Table Border Color

  19. Table Background Color

  20. Table Background Image

  21. Cell Alignment

  22. Cell Padding

  23. Cell Spacing

  24. Cell Spanning

 

Lists

Ordered Lists

You can organize content of your site by using ordered and unordered lists. Here is an example of such lists.

Ordered List

  1. This is item 1
  2. This is item 2
  3. This is item 3
  4. This is item 4

Unordered List

  • This is item 1
  • This is item 2
  • This is item 3
  • This is item 4

To create and ordered list first start with the ordered list tags.

<body><ol> </ol></body>

Then for each item on your list add the list item tags.

<body><ol> <li></li></ol></body>

Then insert the text of the item in between the opening and closing list tags.

<body><ol> <li>This is item1</li></ol></body>

To add another list item simply add another set of list item tags and the text to be listed.

<body><ol> <li>This is item1</li> <li>This is item2</li> </ol></body>

And the list will look like this:

  1. This is item 1
  2. This is item 2

To make an unordered list without the numbers use the unordered list tags instead of the ordered list tags.

<body><ul>
<li>This is item1</li>
<li>This is item2</li>
</ul></body>

And the list will look like this:

  • This is item 1
  • This is item 2

Next Lesson

© Copyright Studio6000 2006. All rights Reserved.