1. Ordered and Unordered Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

2. Objectives  The Student will: Be able to create an ordered and unordered list using HTML. Be able to apply the concepts of nesting.

3. Lists  The most common HTML lists are either ordered lists or unordered lists. Ordered lists are typically displayed with numbers Unordered lists are typically displayed with bullets.

4. Lists  Lists are a great example of nested HMTL tags. All lists begin with or List items all need to be included between and The list is then ended with or  Think about indenting your lists to clearly see the beginning and ending tags

5. Example  The list of the best baseball teams in the Chicago area would be: CUBS! Kane County Cougars Joliet Slammers Schaumburg Flyers Windy City ThunderBolts White Sox

6. Example  The result is…

7. Summary  Ordered Lists and unordered lists and the list items are nested tags.  Indent and use white space to keep your code clean and to allow you to easily find opening and closing tags

8. Rest of Today  Follow the directions on the handout to lists to your web page.