Lesson 3: Lists

In this lesson I’m going to show you how to create lists like these:

Unordered Lists

<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

  1. Take off clothes
  2. Start water running
  3. Get wet
  4. Use soap
  5. Rinse
  6. Stop water
  7. 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
Google
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

Previous Lesson Index Next Lesson