Make a copy of first.html (copy and paste or File - Save As). Call this new page page2.html.
Lists
Add this to the end of your page2.html but before the closing BODY and HTML tags:
<ul>
<li>apples</li>
<li>oranges</li>
<li>pears</li>
</ul>
Remember to indent these new lines properly. The UL tags should be indented the same as the P, H1, H2 and H3 tags already there. Then each LI should start one extra tab in as it is "inside" the UL tags. The exact structure is up to you but the one shown here (with UL tags on new lines but the LI tags either side of their text) works well.
Save the file and view it in a browser.
Now change the element you just typed in. Change both UL tags to OL tags. Save the file and view it in your browser.
Sub-lists
Sometimes you want lists within lists (nested lists):
<ol>
<li>apples
<ul>
<li>Granny Smith</li>
<li>Golden Delicious</li>
<li>Bramley</li>
</ul>
</li>
<li>oranges</li>
<li>pears</li>
</ol>
The key is to remember that the sub-list goes within the LI element (indenting helps a lot here).



