Making Info Look Tidy
The unordered list begins with <ul> and closes with </ul>
Each new line in the list begins with <li> and ends with </li>
This is how it will look:
<ul>
<li>One orange</li>
<li>Two cabbages</li>
<li>Milk</li>
</ul>
- One orange
- Two cabbages
- Milk
This next list is a variation of the Unordered list and it has indented white dots.
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Lemon and Ginger tea</li>
<li>Peppermint tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
- coffee
- Tea
- Lemon and Ginger tea
- Peppermint tea
- Milk
The ordered list will be marked with numbers. This is how it looks.
<ol>
<li>Oranges</li>
<li>Cabbages</li>
<li>Milk</li>
</ol>
- Oranges
- Cabbages
- Milk
A definition list is handy if you want to set out your work with a little heading, that is at the margin, and then define information under that heading, which is indented. This is how it looks.
<dl>
<dt>Milk</dt>
<dd>Whole Milk</dd>
<dd>Skim Milk</dd>
</dl>
- Milk
- Whole Milk
- Skim Milk
TOP BACK
HOME NEXT
