Scribd
Upload
270 views7 pages

List in HTML

Three types of lists in HTML are: 1. Unordered lists use <ul> tags and bullet points to display items with no inherent order. 2. Ordered lists use <ol> tags and numbering schemes to display sequenced items. 3. Definition lists use <dl>, <dt>, and <dd> tags to display terms and definitions similarly to a dictionary.

Uploaded by

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

List in HTML

Three types of lists in HTML are: 1. Unordered lists use <ul> tags and bullet points to display items with no inherent order. 2. Ordered lists use <ol> tags and numbering schemes to display sequenced items. 3. Definition lists use <dl>, <dt>, and <dd> tags to display terms and definitions similarly to a dictionary.

Uploaded by

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

List in HTML

Three types of Lists are


<ul> − An unordered list. This will list items using plain bullets.
<ol> − An ordered list. This will use different schemes of numbers to list items.
<dl> − A definition list. This arranges items in the same way as they are
arranged in a dictionary.
UnOrdered List
1. An unordered list is a collection of related items that have no special order or sequence. This list is
created by using HTML <ul> tag. Each item in the list is marked with a bullet.
<!DOCTYPE html>
<html> <head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<li>Group 1</li>
<li>Group 2</li>
<li>Group 3</li>
<li>Group 4</li>
</ul>
</body>
</html>
Types of Symbols used for List(Unordered)
Set type attribute for <ul> tag to specify the type of bullets. By default, it is a disc. Following are the possible
options −
<ul type = "square">
<ul type = "disc">
<ul type = "circle">
HTML Ordered Lists
HTML ordered list is used to put items in a numbered list instead of bulleted. This list is
created by using <ol> tag.
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head> <body>
<ol>
<li>group1</li>
<li>group2</li>
<li>Group</li>
<li>Group4</li>
</ol>
</body>
</html>
HTML Ordered Lists
The type Attribute for Ordered List
<ol type = "1"> - Default-Case Numerals.
<ol type = "I"> - Upper-Case Numerals.
<ol type = "i"> - Lower-Case Numerals.
<ol type = "A"> - Upper-Case Letters.
<ol type = "a"> - Lower-Case Letters.

The start Attribute


<ol type = "1" start = "4"> - Numerals starts with 4.
<ol type = "I" start = "4"> - Numerals starts with IV.
<ol type = "i" start = "4"> - Numerals starts with iv.
<ol type = "a" start = "4"> - Letters starts with d.
<ol type = "A" start = "4"> - Letters starts with D.

Usage : <ol type = "i" start = "4" >


HTML Definition Lists
 Here, entries are listed like in a dictionary.

Definition List makes use of following three tags.


<dl> − Defines the start of the list
<dt> − A term
<dd> − Term definition
</dl> − Defines the end of the list

 
<!DOCTYPE html>
<html>
<head>
<title>HTML Definition List</title>
</head>
<body>
<dl>
<dt><b>HTML</b></dt>
<dd>This stands for Hyper Text Markup Language</dd>
<dt><b>HTTP</b></dt>
<dd>This stands for Hyper Text Transfer Protocol</dd>
</dl>
</body>
</html>

You might also like