Scribd
Upload
5 views11 pages

Types of HTML Lists Explained

The document outlines four types of lists in HTML: ordered lists where sequence matters, unordered lists where order is not significant, description lists that pair terms with definitions, and nested lists which contain lists within lists. Each list type is accompanied by examples demonstrating their HTML structure. Additionally, it describes the tags used for each list type and their functions.

Uploaded by

Angaleeswari Bhagathsingh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views11 pages

Types of HTML Lists Explained

The document outlines four types of lists in HTML: ordered lists where sequence matters, unordered lists where order is not significant, description lists that pair terms with definitions, and nested lists which contain lists within lists. Each list type is accompanied by examples demonstrating their HTML structure. Additionally, it describes the tags used for each list type and their functions.

Uploaded by

Angaleeswari Bhagathsingh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

TYPES

OF LISTS 01
ORDERED LIST
IT IS A LIST OF ITEMS WHERE THE ORDER/SEQUENCE IS
VERY IMPORTANT

UNORDERED LIST
02 IT IS A LIST OF ITEMS WHERE THE ORDER/SEQUENCE IS
NOT SIGNIFICANT

DESCRIPTION LIST
03 IT IS A LIST OF ITEMS WITH THE DESCRIPTION/DEFINITION
FOR EACH ITEM

NESTED LIST
04 CREATING A LIST WITHIN ANOTHER LIST IS NESTED LIST
ORDERED LIST<OL>
ORDERED LIST

EXAMPLE: OUTPUT:
<ol>

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

<li>[Link]</li>

</ol>
UNORDERED LIST<UL>
UNORDERED LISTS BY DEFAULT, MARKED WITH BULLETS
IT SUPPORTS ONE ATTRIBUTE
TYPE: IT SPECIFIES THE TYPE OF BULLETS
IT CAN BE CIRCLE,DISC OR SQUARE.
EXAMPLE: OUTPUT:
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Speaker</li>
<li>Monitor</li>
</ul>
DESCRIPTION LIST<dl>
A DESCRIPTION LIST STARTS WITH A <DL> [Link]
TERM STARTS WITH A <DT> TAG(DEFINITION TERM)
FOLLOWED BY THE DEFINITION USING <DD> TAG.
• <dl> Defines a description list
• <dt> Defines a term in a description list
• <dd> Describes the term in a description list
EXAMPLE:
<dl>
<dt>HTML
<dd>HTML stands for Hyper Text Markup [Link] is a web designing
[Link] is a simple script language help us to design web pages.

<dt>Tags
<dd>Tags are keywords that instructs the browser how to display the elements
in the screen. It is enclosed by angular brackets.
</dl>

OUTPUT
A <ul> tag is
used within a
<ol> structure.

Insert the Subtitle of Your Presentation


OUTPUT OF NESTED LIST
• <ul> Defines an unordered list
• <ol> Defines an ordered list
• <li> Defines a list item
• <dl> Defines a description list
• <dt> Defines a term in a description list
• <dd> Describes the term in a description list

You might also like