Lists

We can also add lists in our HTML, there are two different kinds of lists we can use: ordered (numbered) and unordered (bulleted) lists.

A list is made up of multiple elements. There is the <ul> or <ol> element itself, and then list items (<li>) inside it.

For example, the code below represents an ordered list:

<h1>HTML and CSS Workshop</h1>

<ol>
    <li>Intro to HTML</li>
    <li>HTML Elements</li>
    <li>HTML Attributes</li>
    <li>Structure</li>
</ol>

This would render the following: The resulting webpage from the ordered list code snippet.

The code below represents an unordered list:

<h1>HTML and CSS Workshop</h1>

<ul>
    <li>Intro to HTML</li>
    <li>HTML Elements</li>
    <li>HTML Attributes</li>
    <li>Structure</li>
</ul>

This would render the following: The resulting webpage from the unordered list code snippet.

Add an ordered list to your page. Here's a list of turtle species if you need some content inspiration.

Add an unordered list to your page. Here's some information about where turtles are found if you need some content for inspiration.