HTML Lists
Assume that you want to develop your website, you’ll want to present that
content in an organized manner so that readers will be able to figure out more
easily. Menu of your website:
May appear as a vertical or horizontal.
You will use list to keep your vertical menu in order.
Sometimes you will use lists with vertical menu, when you have sub menu.
TYPES OF LIST
HTML supports 3 types of lists:
Unordered List
Ordered List
Definition List
Ordered lists are ordered in some fashion, while Unordered lists are bulleted.
Definition lists consists of a term followed by its definition.
All lists must contain one or more list elements. Lists are of three types:
<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.
, UNORDERED LIST
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 list item starts
with the <li> tag. Each item in the list is marked with a bullet.
Example--
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<h1>Unordered List with default type bullets</h1>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
The type attribute
You can use type attribute for <ul> tag to specify the type of bullet you like.
By default it is a disc.
Following are the possible options:
1. <ul type= “square”>
2. <ul type= “disc”>
3. <ul type= “circle”>
Assume that you want to develop your website, you’ll want to present that
content in an organized manner so that readers will be able to figure out more
easily. Menu of your website:
May appear as a vertical or horizontal.
You will use list to keep your vertical menu in order.
Sometimes you will use lists with vertical menu, when you have sub menu.
TYPES OF LIST
HTML supports 3 types of lists:
Unordered List
Ordered List
Definition List
Ordered lists are ordered in some fashion, while Unordered lists are bulleted.
Definition lists consists of a term followed by its definition.
All lists must contain one or more list elements. Lists are of three types:
<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.
, UNORDERED LIST
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 list item starts
with the <li> tag. Each item in the list is marked with a bullet.
Example--
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<h1>Unordered List with default type bullets</h1>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
The type attribute
You can use type attribute for <ul> tag to specify the type of bullet you like.
By default it is a disc.
Following are the possible options:
1. <ul type= “square”>
2. <ul type= “disc”>
3. <ul type= “circle”>
