Scribd
Upload
7 views

HTML Lists

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
7 views

HTML Lists

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Lists

HTML provides three types of lists to organize and


present information:
1. Ordered Lists (<ol>): Displays items in a specific
sequence, usually numbered.
2. Unordered Lists (<ul>): Displays items with
bullet points, not ordered.
3. Definition Lists (<dl>): Used for terms and their
definitions.

1. Ordered Lists (<ol>)


Ordered lists are numbered by default. They can also
be styled using the type attribute.
Syntax Example:

<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
Output:
1. First Item
2. Second Item
3. Third Item
Styling Ordered Lists
The type attribute changes the style of numbering:
 type="1": Numbers (default)
 type="A": Uppercase letters
 type="a": Lowercase letters
 type="I": Uppercase Roman numerals
 type="i": Lowercase Roman numerals
Examples:
<ol type="A">
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
</ol>
<ol type="i">
<li>Chapter 1</li>
<li>Chapter 2</li>
<li>Chapter 3</li>
</ol>
Output:
 Type A: A. Apple
B. Banana
C. Cherry
 Type i: i. Chapter 1
ii. Chapter 2
iii. Chapter 3
2. Definition Lists (<dl>)
Definition lists are used for terms and their
descriptions.
Structure:
 <dl>: Definition list container.
 <dt>: Term (definition term).
 <dd>: Description (definition description).
Example:
<dl>
<dt>HTML</dt>
<dd>A markup language used to structure
webpages.</dd>
<dt>CSS</dt>
<dd>A stylesheet language used for styling
webpages.</dd>

Output:
 HTML: A markup language used to structure
webpages.
 CSS: A stylesheet language used for styling
webpages.

3.Unordered Lists (<ul>) in HTML


An unordered list is used to group a set of related
items in no particular order. Items in an unordered
list are typically displayed with bullet points (or other
symbols).

Basic Syntax of an Unordered List:


<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Output:
 Item 1
 Item 2
 Item 3
Each <li> tag represents a list item in the unordered
list.

You might also like