Two Kinds of Lists

The internet is full of lists. There are the obvious ones, but it is actually list elements that are hiding behind most of the menus you click on the internet. Lists are also a major part of programming and databases, and so we tend to create lots of them.

Goal

Make two lists. One should have bullets. The other should have numbers.

Example

Example on codepen: https://codepen.io/joe_bacal/pen/XgegrE

Clues

You will need these tags:

<ul>, <ol>, <li>

Lists (<ul> and <ol>) are like paper and <li> are the things on the paper

• An empty <ul> or <ol> is like a an empty piece of paper. It needs list items ( <li>) to really be a list.
• Lists come in two flavors, “unordered” and “ordered”.
• Change the list type and the list items will change their looks.

Qualities of Ice Cream:
<ul>
    <li>Sweet</li>
    <li>Cold</li>
    <li>Creamy</li>
</ul>

Top Three Flavors:
<ul>
    <li>Mint Chocolate Chip</li>
    <li>Vanilla</li>
    <li>Strawberry</li>
</ul>

Gives us:

Qualities of Ice Cream

• Sweet
• Cold
• Creamy

Top Three Flavors:

1. Mint Chocolate Chip
2. Vanilla
3. Strawberry