1. Home
  2. Computing & Technology
  3. Web Design / HTML

Create Bullet, Number, and Definition Lists in HTML

with Don Schechter

Want to organize information in a reader-friendly way? Learn how to create attractive bullet, number, and definition HTML lists for your webpage.

Transcript: Create Bullet, Number, and Definition Lists in HTML

Hi, I'm Don Schechter for About.com Computing. Today I'll teach you how to create lists in HTML for your webpage.

Open an HTML Document

First open Notepad. I'm going to open a previously saved HTML document.

Types of HTML Lists

You create lists within the body of your webpage. There are two different kinds of lists, numbered and bulleted.

Create a Numbered Webpage List

For a numbered list, use the ol tag which needs an end tag. Within these tags use the li tags on either side of each item on the list.

Create a Bulleted Webpage List

For unnumbered, or bulleted lists, use the ul tag which also needs an end tag. Within these tags use the li tags on either side of each item on the list. Here's what it looks like.

Create a Definition List

There is another kind of list called the definition list. It allows you to indent text under words you want to define, like in a dictionary. Use the dl tag - which needs an end tag . For the definition term use the dt tag. For the definition that is indented use the dd tag. Make sure that the definition term and the definition is within the dl tag.

Thanks for watching. To learn more, visit computing.about.com.

FREE Newsletters

Want to Make Videos? Tell Us!

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.