0% found this document useful (0 votes)
56 views3 pages

15 Lists

The document discusses different types of HTML lists including ordered lists, unordered lists, and description lists. Ordered lists use numbers to mark each list item while unordered lists use bullets. Description lists define terms and their descriptions using the <dl>, <dt>, and <dd> tags. Examples are provided of how to code the different list types in HTML.

Uploaded by

ManishKumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
56 views3 pages

15 Lists

The document discusses different types of HTML lists including ordered lists, unordered lists, and description lists. Ordered lists use numbers to mark each list item while unordered lists use bullets. Description lists define terms and their descriptions using the <dl>, <dt>, and <dd> tags. Examples are provided of how to code the different list types in HTML.

Uploaded by

ManishKumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML Lists

Previous
Next Chapter

The most common HTML lists are ordered and unordered lists:

HTML Lists
An ordered list:
1. The first list item
2. The second list item
3. The third list item

An unordered list:

List item
List item
List item

Try-It-Yourself Examples
Unordered list
How to create an unordered list in an HTML document.
Ordered list
How to create an ordered list in an HTML document.
(You can find more examples at the bottom of this page).

HTML Unordered Lists


An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items are marked with bullets (typically small black circles).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

How the HTML code above looks in a browser:

Coffee
Milk

HTML Ordered Lists


An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items are marked with numbers.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
How the HTML code above looks in a browser:
1. Coffee
2. Milk

HTML Description Lists


A description list is a list of terms/names, with a description of each term/name.
The <dl> tag defines a description list.
The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each
term/name):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
How the HTML code above looks in a browser:
Coffee
- black hot drink

Milk
- white cold drink

Basic Notes - Useful Tips


Tip: Inside a list item you can put text, line breaks, images, links, other lists, etc.

More Examples
Different types of ordered lists
Demonstrates different types of ordered lists.
Different types of unordered lists
Demonstrates different types of unordered lists.
Nested list
Demonstrates how you can nest lists.
Nested list 2
Demonstrates a more complicated nested list.
Description list
Demonstrates a definition list.

HTML List Tags


Tag
Description
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term/name in a description list
<dd> Defines a description of a term/name in a description list

You might also like