WCGS Tech
wheatonchristian.org
  • Kindergarten
  • 1st-3rd
    • 1st Grade
    • 2nd Grade
    • 3rd Grade >
      • Virtual Field Trips
  • 4th - 5th
    • 4th
    • 5th
  • 6th - 8th
    • 6th Grade
    • 7th Grade >
      • Early Finisher Activities
    • 8th Grade >
      • Early Finisher Activities
  • More
    • WCGS Tech Training
    • Resources

Lesson 6

T oday you are going to be learning about lists in HTML.

There are two kinds of lists in HTML: ordered and unordered.

An unordered list is just a set of bulleted items.

An unordered list element has the tag <ul> </ul>. This is an abbreviation for Unordered List. Each item in the list is marked by a list item element <li> </li>. This is an abbreviation for List Item. The list item element is a child element, which means that it goes inside of its parent element, the unordered list.


Making an unordered list has two steps: making the list and adding the list items. To make the unordered list, write the unordered list tags <ul> </ul>. Next, add your list items inside the unordered list tags. To make each list item, use the list item tags <li> </li> and write the list item inside the tags.


An ordered list is a set of bulleted items which are numbered.

Making an ordered list has two steps: making the list and adding the list items. To make the ordered list, write the ordered list tags <ol> </ol>. Next, add your list items inside the ordered list tags. To make each list item, use the list item tags <li> </li> and write the list item inside the tags.

It can be helpful to indent your <li> </li> tags so it's clear they are contained in the <ol> </ol> tags.  

You will be working in your groups through section 5, and then you will work independently.  Make sure you write down your code for this lesson!