Example of an unordered list and an ordered list in HTML:
Unordered List:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol
Be mindful of the case type based on your preferences
<ol type="a"> Lowercase Letters
<ol type="I"> Uppercase Roman Numbers
<ol type="i"> Lowercase Roman Numbers
Examples – Background Colors
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Learning Extension:
a. Student(s) will create a basic web page with styles
b. Student(s) will modify Day 1 web page with styles and lists
Unordered List:
- Item
- Item
- Item
- Item
- First item
- Second item
- Third item
- Fourth item
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol
Be mindful of the case type based on your preferences
<ol type="a"> Lowercase Letters
<ol type="I"> Uppercase Roman Numbers
<ol type="i"> Lowercase Roman Numbers
Examples – Background Colors
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Learning Extension:
a. Student(s) will create a basic web page with styles
b. Student(s) will modify Day 1 web page with styles and lists