Creating Lists in HTML

Unordered Lists

Unordered or bulleted lists display a list of items. By default, unordered lists display with a bullet before each list item, but that can be changed with a style sheet. Two tags are necessary for an unordered list. The <ul> tag defines the upcoming code as an unordered list. The closing </ul> tag goes after the last item. Each item in the lists gets marked up as a list item with opening <li> and closing </li> tags.

1. Add an opening unordered list tag <ul>, after the appropriate heading 2.

2. Type an appropriate item surrounded by the list item opening <li> and closing tags </li>.

3. Add a few more appropriate list items.

4. Make sure to close the full list with a closing unordered list tag, </ul>.

5. Preview the page in the browser to see the result of a bulleted list.

Full code for an unordered list with a heading 2 above.