HTML5 tutorial - The dl list tag.

The dl list tag

DL – Definition List:


To whistle feebly
To be poisoned by cheese

DL Code:
  <dt>Term 1</dt>
    <dd>Definition of term 1</dd>
  <dt>Term 2</dt>
    <dd>Definition of term 2</dd>

The definition list is a bit more complicated than the ul or ol tags. Rather than having bullets or numbers it indents like this:

The term being "defined"
The "definition" of the term

It's called a "definition list", but it's rather handy for any number of things.

John Doe
123 Main St.

It's a good to organize FAQ pages.


Remember, visitors tend to first scan pages and then, if interested, go on to read them. Lists are one way to quickly tell your audience whether your content is relevant to what they want. If you will; "does it scratch their itch?" It may not (indeed it often doesn't), but if it does that needs to be obvious at a glance!

So let's make your second page. You will find what to copy in this page's source code.

Open up a new page in Notepad or whatever text editor you are using and paste what you just copied into the page and save it as my-second-webpage.html wherever you saved my-first-webpage.html (probably your desktop).

Try changing the code to include a nested list. Move some things around and see what happens. Always remember to close tags in the order they are opened and when you make changes be sure to save the file before you open it in your browser.

Next we are going to link your two pages to each other.