0% found this document useful (0 votes)
50 views3 pages

Definition List

html program
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
50 views3 pages

Definition List

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

Definition List

AIM:- Develop a webpage showcasing different types of list


(unordered, ordered, Definition experiment with nested lists.

Algorithm:
Step 1: start
Step 2: create basic Html structure
Step 3: use <ul> to define the unordered list
Step 4: use <li> to define list items
Step 5: Nest list adding by <ol> and <li> inside list items
Step 6: nest lists by adding <ol> and <li> inside list item
Step 7: use <dl> to define the definition list
Step 8: use<dt> to define item
Step 9: use <dd> to define descriptions.
Step 10: stop

SOURCE CODE:
<html>
<head>
<tittle> List showcase</tittle>
</head>
<body>
<h1> Types of list in html</h1>
<h2> Unorderd list</h2>
<ul>
<li> Item 1 </li>
<li> Item 2
<ul>
<li> Nestd item 1</li>
<li> Nested item 2</li>
</ul>
</li>
<li> Item 3</li>
</ul>
<h2> Ordered list </h2>
<ol>
<li> First item </li>
<li> Second item
<ol>
<li> Sub item A</li>
<li> Sub item B </li>
</ol>
</li>
<li> Third item </li>
</ol>
<h1> Defnition List </h2>
<dl>
<dt> HTML</dt>
<dd> HTML stands for casecading style sheet</dd>
<dt> css </dt>
<dd> css stands for cascarding style sheet</dd>
<dt> javascript </dt>
<dd> javascript is used to design the webpage</dd>
</dl>
</body>
</html>

You might also like