Lesson 3: Lists
In this lesson I’m going to show you how to create lists like these:
Unordered Lists
- This is important
- And so is this!
- But they’re in no particular order
<ul>
<li>This is important</li>
<li>And so is this!</li>
<li>But they’re in no particular order</li>
</ul>
- ul
- Unordered List
- li
- List Item
Ordered Lists
- Take off clothes
- Start water running
- Get wet
- Use soap
- Rinse
- Stop water
- Use towel for drying 8. Put on clothes (preferably not the same ones you just took off)
<ol>
<li>Take off clothes</li>
<li>Start water running</li>
<li>Get wet</li>
<li>Use soap</li>
<li>Rinse</li>
<li>Stop water</li>
<li>Use towel for drying</li>
<li>Put on clothes (preferably not the
same ones you just took off)</li>
</ol>
- ol
- Ordered List
- li
- List Item
Definition Lists
- HTML
- HyperText Markup Language
- YouTube
- A place where videos are found
- If you don’t know what this is, there’s no point explaining anyway
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>YouTube</dt>
<dd>A place where videos are found</dd>
<dt>Google</dt>
<dd>If you don’t know what this is,
there’s no point explaining anyway</dd>
</dl>
- dl
- Definition List
- dt
- Definition Term
- dd
- Definition Description
Practice
- List the materials needed to make something
- Then list the steps you need to take to build it
- Finally, list definitions of any tools used
- Remember to give your page a title, and use some headings.