Chapter 4 Review
What have we learned?
So far we have learned what different types of lists there are and what each one stands for. We also learned how to indent them and how to use them properly.
- We learned how to make an unordered list
- We learned how to make an Ordered list
- We learned how to
- Define words with definition lists
- We learned how to
- Make an indented list
- To make info easier
- to find
TIP:
When ending a nested list with an indented list, you need to end the ul twice instead of just once so...
<ol>
<li>Title 1</li>
<ol>
<li>Title under</li>
</ol>
</ol>
Since you have to end BOTH ordered list tags. Not doing this can become a big problem on your website!
When ending a nested list with an indented list, you need to end the ul twice instead of just once so...
<ol>
<li>Title 1</li>
<ol>
<li>Title under</li>
</ol>
</ol>
Since you have to end BOTH ordered list tags. Not doing this can become a big problem on your website!
Review Example
Using all the lists we covered and some earlier stuff I will real quick draw up an example of what this stuff will look like together.
<!Doctype html>
<html>
<title>This is an example website</title>
<head>
</head>
<body>
<ol>
<li>Milk</li>
<li>Butter</li>
<li>Cheese</li>
</ol>
<hr>
<ul>
<li>Things these have in common:</li>
<ul>
<li>Protein</li>
<li>Often seen on grocery lists</li>
<li>All come from a cow</li>
</ul>
</ul>
<dl>
<dt>Cheese</dt>
<dd>A food made from the pressed curds of milk.</dd>
<dt>Butter</dt>
<dd>A pale yellow edible fatty substance made by churning cream and used as a spread or in cooking.</dd>
<dt>Milk</dt>
<dd>An opaque white fluid rich in fat and protein, secreted by female mammals for the nourishment of their young.</dd>
</dl>
</body>
</html>
Will make...
<!Doctype html>
<html>
<title>This is an example website</title>
<head>
</head>
<body>
<ol>
<li>Milk</li>
<li>Butter</li>
<li>Cheese</li>
</ol>
<hr>
<ul>
<li>Things these have in common:</li>
<ul>
<li>Protein</li>
<li>Often seen on grocery lists</li>
<li>All come from a cow</li>
</ul>
</ul>
<dl>
<dt>Cheese</dt>
<dd>A food made from the pressed curds of milk.</dd>
<dt>Butter</dt>
<dd>A pale yellow edible fatty substance made by churning cream and used as a spread or in cooking.</dd>
<dt>Milk</dt>
<dd>An opaque white fluid rich in fat and protein, secreted by female mammals for the nourishment of their young.</dd>
</dl>
</body>
</html>
Will make...