HTML program to illustrate three types of lists in HTML

Practical : 3
Subject : Web Technology
Aim : Create a web page to illustrate three types of lists in HTML.


Code:

<html>
<head>
<title>Type Of Lists</title>
</head>
<body>
<h1>Ordered List</h1>
<ol type="1">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
<ol type="I">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
<ol type="i">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
<ol type="A">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
<ol type="a">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
<h1>Unordered List</h1>
<ul style="list-style-type:disc">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>
<ul style="list-style-type:circle">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>
<ul style="list-style-type:square;">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>
<ul style="list-style-type:none">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>
<h1>Description List</h1>
<dl>
<dt>First Item</dt>
<dd>Defination of First Item.</dd>
<dt>Second Item</dt>
<dd>Defination of Second Item.</dd>
<dt>Third Item</dt>
<dd>Defination of Third Item.</dd>
</dl>
</html>

Output:


Previous
Next Post »

Ads