The most common HTML lists are either ordered lists <ol> or unordered lists <ul>. Ordered lists are typically displayed with numbers, while unordered lists are typically displayed with bullets. In this lesson you will use HTML to create an unordered list for organizing some of the content on your portfolio's home page. This list will contain links to the pages for each unit you created earlier. Eventually you will create two lists (one of each type) and you will learn to use CSS to align the two lists side by side, but for now the lists will be in one column aligned to the left of the page (left aligned is the default setting so there is nothing you'll need to code.).
At the completion of this exercise:
<li>Unit Four: Graphics</li>
<li>Unit Five: Overall Site Design and Management</li>
<li>Unit Six: Intro to Web Authoring Software</li>
Indenting the <li> tags helps keep the coding organized but will not alter how the list appears in a browser.
After you have saved the changes to index.htm, return to your browser and refresh to see the changes. Are there three bulleted items in the list? Show your instructor your results before starting Lesson 2.
Copyright © 2005-2008 by University of Washington. Permission is granted to use these materials in whole or in part for educational, noncommercial purposes provided the source is acknowledged. This product was created with support from the National Institute on Disability and Rehabilitation Research of the U.S. Department of Education (grant #H133D010306), and is maintained with support from the National Science Foundation (grant #CNS-0540615). The contents do not necessarily represent the policies of the U.S. federal government, and you should not assume their endorsement.