Skip to Main Content or Page Contents

HTML Tutorial 8. Lists

Unordered Lists, Ordered Lists and Definition Lists: Tags <ul>, <li>, <ol>, <dl>

Results per page:

Match: any search words all search words

Page Contents- Unordered, Ordered and Description Lists

HTML Lists Introduction

Unordered Lists    <ul>

Unordered Lists used for Navigation

Ordered Lists       <ol>

Description Lists  <dl>

HTML Lists Introduction

HTML Lists Introduction

HTML List Tags


Tag   Description

<ul> Defines an unordered list

<ol> Defines an ordered list

<li> Defines a list item

<dl> Defines a description list

<dt> Defines the term in a description list

<dd> Describes the term in a description list

Unordered Lists    <ul>

Example of Nested Unordered List



        <ul class="normal">
          <li>List Item 1</li>
          <li>List Item 2
            <ul>
              <li>nested List Item 2a
                <ul>
                  <li>double nested List Item 2b </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>List Item 3</li>
        </ul>

 

The list items will be marked with bullets (small black discs followed by circles then squares in the nesting by default)

More Information including:

Unordered Lists

 

Unordered Lists used for Navigation

 

Unordered Lists used for Navigation

 

Ordered Lists       <ol>

 

Ordered Lists

 

Description Lists  <dl>

 

More Information Description Lists