Setting Lists in HTML

Recall Numbering from Microsoft Word

Unordered List: Bullets

 Red
 Brown
 Green

Ordered List: Numbers

1. Theory
2. Microsoft Word
3. Microsoft Excel

HTML Tags: Lists

Ordered Lists
This is set by using the following tag: <ol> which is then followed by the closing tag </ol>.

Unordered Lists
This is set by using the following tag: <ul> which is then followed by the closing tag </ul>

Lists
Inside the Ordered or Unordered List will be the LIST tag <li> and its closing tag </li> to identify the
elements in the list.

Example of Unordered List:

Write the required HTML code to present the following unordered list

 Red
 Brown
 Green

<ul>

<li>Red</li>

<li>Brown</li>

<li>Green</li>

</ul>

Example of Ordered List:

Write the required HTML code to present the following unordered list

1. Theory
2. Microsoft Word
3. Microsoft Excel

<ol>

<li>Theory</li>

<li>Microsoft Word</li>

<li>Microsoft Excel</li>

</ol>

Exercise:

Modify the Start.html File so that it adds the following data

HTML Websites that I know

 www.gatewayhigh.co.zw
 www.youtube.com
 www.facebook.com
 www.fusertech.co.zw
 www.techzim.co.zw