Working with Lists

Working with lists can create a mess if you either want to add an item to the list in a specific place, or if you want to take an item off the list but leave it in the middle of the list.

Lists are created using the tag, <ol>, for an ordered list, or <ul> for an unordered list.  Each item on the list is given the tag <li>.  So, if you want to make something a part of the list, you put the <li> tag before it and the </li> tag after it.

Conversely, if you have an item included in the list that should not be, you would look for these codes in front of and after the item and remove them.  This should remove the "bullet" or number preceding the item.

Let's try it here:

My favorite movies:

  •  
  • Aladdin
  • The Lion King
  • Pocahontas
  • The Jungle Book
  • 101 Dalmations
As you did in previous lessons, view this page in HTML source.
Find the tag, <ul> and the spot where there is a tag, <li> that has no text after it.  Remove it.

Wasn't that easy?

Now try adding an item.

Excellent books:
 

  1. A Farewell to Arms
  2. The Old Man and the Sea
For Whom the Bell Tolls
  1. The Snows of Kilamanjaro

Lessons:
   Creating a Web Page
   Background Color
   Unwanted Spaces
   Adding Spaces
   Working with Lists
   Fixing Bad Links
   Image Sources

Additional Resources

Teaching Guide

   

 

 
The contents of the Web Institute Web Site, including the On-Line Curriculum, Web Tank, and Session Notes, are Copyright 1999-2001, Graham School of General Studies, University of Chicago. No one may print, copy, or otherwise reproduce these materials without the express written permission of the Director of the Web Institute for Teachers or the Dean of the Graham School. All rights reserved.