Lists

We can display text in lists, whether numbered or unnumbered. Numbered lists are created using the ol element (ordered list) with li children (list item), where the ol element represents the start and end of the list, and the li elements represent individual list items.

This code:

<ol>
	<li>I am the first item in the list!</li>
	<li>I am the second item in the list!</li>
</ol>

Will be displayed as:

I am the first item in the list!
I am the second item in the list!

Unnumbered lists work the same way, just replace ol with ul (unordered list). So this code:

<ul>
	<li>I am the first item in the list!</li>
	<li>I am the second item in the list!</li>
</ul>

Will be displayed as:

I am the first item in the list!
I am the second item in the list!

Instructions

After the div element with the Physiology heading (that is, after its closing tag </div>), create an empty div element for now.

Create a second-level heading (h2) with the text Breeds as a child of the newly created div element.

Create an empty unordered list (ul) as the next child of the newly created div element. (Below the newly created h2 element)

Create 3 list items (li) as children of the newly created ul element with the texts: Persian, European, Siamese

Start programming for free

6/8