Prepared by: Anthony Larrain

Before starting this tutorial see tutorial 1

Unordered Lists

Unordered lists are list items preceded with small black circles called bullets.

Example 1

  • Guitar
  • Bass
  • Drums

    • The bulleted list is placed within the tags <ul> and </ul>

    Each list item is placed within the tags <li> and </li>

    The HTML code creates the above list.

    <ul> <li>Guitar</li> <li>Bass</li> <li>Drums</li> </ul>

    Example 2

    In this example we will write a page that uses a heading, two paragraphs and an unordered list. The code that follows will produce this page. list1.html

    <html> <head> <title>Hci201 - unordered list example</title> </head> <body> <h1>My First Webpage</h1> <p>Welcome to my page. I need to learn some more of this HTML so I can provide you with some interesting content.</p> <p>Such as:</p> <ul> <li>Photos</li> <li>Sound</li> <li>Graphics</li> <li>Links to other pages</li> <li>Etc..</li> </ul> </body> </html>

    @Anthony Larrain 2005 - 2006

    Send Questions or Comments to hci201@yahoo.com