Professional Documents
Culture Documents
WWW Tutorialspoint Com HTML HTML Lists HTM
WWW Tutorialspoint Com HTML HTML Lists HTM
WWW Tutorialspoint Com HTML HTML Lists HTM
HTML Home
HTML Overview
HTML Basic Tags
HTML Elements
HTML Attributes
HTML Formatting
HTML Phrase Tags
HTML Meta Tags
HTML Comments
HTML Images
HTML Tables
HTML Lists
open in browser PRO version
pdfcrowd.com
HTML Lists
Advertisements
open in browser PRO version
pdfcrowd.com
Previous Page
Next Page
HTML offers web authors three ways for specifying lists of information. All lists must contain one or
more list elements. Lists may contain:
<ul> - An unordered list. This will list items using plain bullets.
<ol> - An ordered list. This will use different schemes of numbers to list your items.
<dl> - A definition list. This arranges your items in the same way as they are arranged in a
dictionary.
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
pdfcrowd.com
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Beetroot
Ginger
Potato
Radish
Example
Following is an example where we used <ul type="square">
open in browser PRO version
pdfcrowd.com
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul type="square">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Beetroot
Ginger
Potato
Radish
Example
Following is an example where we used <ul type="disc"> :
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
pdfcrowd.com
</head>
<body>
<ul type="disc">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Beetroot
Ginger
Potato
Radish
Example
Following is an example where we used <ul type="circle"> :
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul type="circle">
<li>Beetroot</li>
pdfcrowd.com
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Beetroot
Ginger
Potato
Radish
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
pdfcrowd.com
<ol>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
1. Beetroot
2. Ginger
3. Potato
4. Radish
type="1">
type="I">
type="i">
type="a">
type="A">
Default-Case Numerals.
Upper-Case Numerals.
Lower-Case Numerals.
Lower-Case Letters.
Upper-Case Letters.
Example
open in browser PRO version
pdfcrowd.com
1. Beetroot
2. Ginger
3. Potato
4. Radish
Example
Following is an example where we used <ol type="I">
<!DOCTYPE html>
pdfcrowd.com
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="I">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
I. Beetroot
II. Ginger
III. Potato
IV. Radish
Example
Following is an example where we used <ol type="i">
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
pdfcrowd.com
<body>
<ol type="i">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
i. Beetroot
ii. Ginger
iii. Potato
iv. Radish
Example
Following is an example where we used <ol type="A">
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="A">
<li>Beetroot</li>
<li>Ginger</li>
pdfcrowd.com
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
A. Beetroot
B. Ginger
C. Potato
D. Radish
Example
Following is an example where we used <ol type="a">
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="a">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
pdfcrowd.com
</html>
a. Beetroot
b. Ginger
c. Potato
d. Radish
type="1"
type="I"
type="i"
type="a"
type="A"
start="4">
start="4">
start="4">
start="4">
start="4">
Example
Following is an example where we used <ol type="i" start="4" >
<!DOCTYPE html>
<html>
<head>
pdfcrowd.com
iv. Beetroot
v. Ginger
vi. Potato
vii. Radish
pdfcrowd.com
<dt> - A term
<dd> - Term definition
</dl> - Defines the end of the list
Example
<!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>
HTML
This stands for Hyper Text Markup Language
HTTP
This stands for Hyper Text Transfer Protocol
pdfcrowd.com
Previous Page
Next Page
Advertisements
Advertisements
Extras
Mobile First
About us
Company
Team
pdfcrowd.com
Team
Careers
Privacy Policy
Terms of use
Extra Links
Contact Us
Forums
Articles
Shared
Seo Tools
Website: www.tutorialspoint.com
Contact
Write for us
FAQ's
Helping
Contact
pdfcrowd.com