A List represents a series of words one after another .Commonly used lists in HTML are ordered and unordered lists .List is orgnazie data in list .
<OL type ='a' |'A' |'1' start ="value">
<li>.........</li>
</OL>
Attribute of order list
<head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the Order List</h2>
<ol start ="first item" type ="1">
<li>First item</li>
<li>Sec item</li>
<li>Third item</li>
<li>Four item</li>
<li>Five item</li>
</ol>
</body>
</html>
Definition List
A definition list is represent by the <DL> tag.The <DL> tag is used to represent the definition of terms.The <DT> and <DD> tags are nested inside the <DL> tag to represent the term and the definition of the term respectively.<DT> stand for definition Type and <DD> stand for definition Description .Syntax is
<DL>
<DT>Nokia Phone</DT>
<DL>Is the best Phone</DL>
</DT>
Unordered List
An Unordered list is also know as non sequential bulleted list is represent by the <UL> tag .The type attribute of this tag is represents the bullet style .The <LI> tags are nested inside the <UL> tag to represent every single element of an unordered list .Syntax is .
<UL type ="circle" |"square" |"disc">
<li>.....</li>
<li>.....</li>
</UL>
Attribute description
<html>
<head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the UnOrder List</h2>
<ul type ="DISC">
<li>First item</li>
<li>Sec item</li>
<li>Third item</li>
<li>Four item</li>
<li>Five item</li>
</ul>
</body>
</html>
Nested Lists
Sometime you need to create an ordered list whose list items are the heading of other ordered lists .Such type of lists are called nested lists .You can create a nested list by using HTML code .
Program
<html>
<head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the Order List</h2>
<ol type ="I">
<li> East
<ol type=A>
<li>Assam
<li>Meghalaya
</ol>
<li>West
<ol >
<li>Gujrat
<li>Rajasthan
</ol>
</ol>
</body>
</html>
</ol>
Order List
An ordered list can be represent by the <ol> Tag .The type attribute of the <OL> tag specifies the numbering style .The <LI> Tag is nested inside the <OL> tags to represent every single element of an ordered list .The Syntax is<OL type ='a' |'A' |'1' start ="value">
<li>.........</li>
</OL>
Attribute of order list
- a : Display a series of lower letters
- A :Display a series of upper letters
- i: Display a series of lower case Roman numerals
- I: Display a series of Upper case Roman numerals
- 1 Display a series of numbers
Program of Order List
<html><head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the Order List</h2>
<ol start ="first item" type ="1">
<li>First item</li>
<li>Sec item</li>
<li>Third item</li>
<li>Four item</li>
<li>Five item</li>
</ol>
</body>
</html>
Definition List
A definition list is represent by the <DL> tag.The <DL> tag is used to represent the definition of terms.The <DT> and <DD> tags are nested inside the <DL> tag to represent the term and the definition of the term respectively.<DT> stand for definition Type and <DD> stand for definition Description .Syntax is
<DL>
<DT>Nokia Phone</DT>
<DL>Is the best Phone</DL>
</DT>
Unordered List
An Unordered list is also know as non sequential bulleted list is represent by the <UL> tag .The type attribute of this tag is represents the bullet style .The <LI> tags are nested inside the <UL> tag to represent every single element of an unordered list .Syntax is .
<UL type ="circle" |"square" |"disc">
<li>.....</li>
<li>.....</li>
</UL>
Attribute description
- CIRCLE --Represents a circule no coloured bullet
- DISC--Represent a solid bullet
- SQUARE-- Represent a square bullet.
<html>
<head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the UnOrder List</h2>
<ul type ="DISC">
<li>First item</li>
<li>Sec item</li>
<li>Third item</li>
<li>Four item</li>
<li>Five item</li>
</ul>
</body>
</html>
Nested Lists
Sometime you need to create an ordered list whose list items are the heading of other ordered lists .Such type of lists are called nested lists .You can create a nested list by using HTML code .
Program
<html>
<head>
<title>Order List Program</title>
</head>
<body>
<h2>This is the example of the Order List</h2>
<ol type ="I">
<li> East
<ol type=A>
<li>Assam
<li>Meghalaya
</ol>
<li>West
<ol >
<li>Gujrat
<li>Rajasthan
</ol>
</ol>
</body>
</html>
</ol>








0 comments:
Post a Comment