Online Test Banks
Score higher
See Online Test Banks
Learning anything is easy
Browse Online Courses
Mobile Apps
Learning on the go
Explore Mobile Apps
Dummies Store
Shop for books and more
Start Shopping

How to Create Lists in HTML5

The web pages you create with HTML5 are often about data, and data is often organized into lists, which can stand alone or nest within each other. The items in your lists can either be numbered (an ordered list) or unnumbered (unordered).

This figure shows an unordered, or bulleted, list; an ordered, or numbered, list; and a combination nesting list:


Here's the code used to create the lists:

<html lang = "en">
  <meta charset = "UTF-8" />
  <h2>Counting in English</h2>
  <h2>Counting in Other Languages</h2>

Lists, like most HTML5 elements, are quite easy to build:

  1. Designate the beginning of the list with <ul> or <ol>.

    The <ul> tag indicates an unordered (bullet) list, and the <ol> tag describes an ordered (numbered) list.

  2. Surround each item in the list with an <li></li> pair.

  3. (Optional) Nest lists inside each other.

    The <li> of one list can contain an entire new list. Just be sure to close off one list before beginning a new one. Consistent indentation helps you keep track of how deeply you're nested.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Learning anything is easy with For Dummies eLearning!

Inside Sweepstakes

Win $500. Easy.