Web Design- List In Html class Tutorial
HTML Code to Create various list in HTML in a single Page Class Tutotial .
Here , i have uploaded video also in youtube.
<html>
<head>
<title>Understanding list in html</title>
</head>
<p>Define list in html</p>
<p>-An HTML list organizes content into ordered or unordered formats, making information clear and easy to read.
</p>
<h4>Types of html list</h4>
<ul>
<li>Unordered List</li>
<li>Ordered List</li>
<li>Definition List</li>
</ul>
<p>Unordered List</p>
-The list which helps to keep items in listed fromat without any sequence</P>
<br>
<marquee>---Code for Unordered List-----</marquee>
<h3> Names of students</h3>
<Ul>
<LI>Ram</LI>
<LI>shyam</LI>
<LI>Hari</LI>
</UL>
<hr>
<Ul type="square">
<LI>Ram</LI>
<LI>shyam</LI>
<LI>Hari</LI>
</UL>
<hr>
<Ul type="circle">
<LI>Ram</LI>
<LI>shyam</LI>
<LI>Hari</LI>
</UL>
<hr>
<h3>Ordered List</h3>
<p>The list which helps to list items in a sequential order. It may be in alphabetical or numeric values
</p>
<h4>Example</h4>
<OL>
<li>Seeta </li>
<li>Geeta </li>
<li>Reeta </li>
</OL>
<hr>
Alphabetical Order
<OL type="a">
<li>Seeta </li>
<li>Geeta </li>
<li>Reeta </li>
</OL>
<hr>
Starting the number from 4
<OL start=4>
<li>Seeta </li>
<li>Geeta </li>
<li>Reeta </li>
</OL>
<h3>Definition List</h3>
<p>
- Definition list is the description list style supported by HTML and XML. <br>
-Presents in a glossary ,list of terms or other names-values
</P>
<br>
Example:
<h1>Html descrpition list</h1>
<dl>
<dt>Social</dt>
<dd>History</dd>
<dt>Math</dt>
<dd>Algebra</dd>
</dl>
</body>
</html>
Comments
Post a Comment