Main PageHow to create Order, Unorder and descriptive List
<html>
<head>
<title>Order, Unorder and descriptive List</title>
</head>
<body>
<h2> Html list</h2>
<p>In html list we have different types of list which include: Order, Unorder and descriptive List. An order list also may be either in numeric style, alphabetical (small letter or capital letter) and even in roman number that is (i ii iii) or (I II III). While unorder list can be either in circle, square or disc style. And finally the descriptive list is just a list with description different from the above styles,we can see all these in the examples below
</p>
Order list with numeric style as follow
<xmp>
<ol type="1">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol></xmp>
Order list with small letter style
<xmp>
<ol type="a">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
</xmp>
Order list with capital letter style
<xmp>
<ol type="A">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
</xmp>
Order list with small alpha-numeric
<xmp>
<ol type="i">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
</xmp>
Order list with capital alpha-numerical style
<xmp>
<ol type="I">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
</xmp>
Unorder list with disc style
<xmp>
<ul style="list-style-type:disc">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
</xmp>
Unorder list with circle style
<xmp>
<ul style="list-style-type:Circle">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
</xmp>
Unorder list with square style
<xmp>
<ul style="list-style-type:square">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
</xmp>
Descriptive list style
<xmp>
<dl style="list-style-type:square">
<dt>Main 1</dt>
<dd>Sub 1</dd>
<dt>Main 2</dt>
<dd>Sub 2</dd>
<dt>Main 3</dt>
<dd>Sub 4</dd>
</dl>
</xmp>
<p><strong>And here is output</strong></p>
Order list with numeric style as follow <ol type="1"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol>Order list with small letter style <ol type="a"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol> Order list with capital letter style <ol type="A"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol> Order list with small alpha-numeric <ol type="i"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol> Order list with capital alpha-numerical style <ol type="I"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol> Unorder list with disc style <ul style="list-style-type:disc"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ul> Unorder list with circle style <ul style="list-style-type:Circle"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ul> Unorder list with square style <ul style="list-style-type:square"> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ul> Descriptive list style <dl style="list-style-type:square"> <dt>Main 1</dt> <dd>Sub 1</dd> <dt>Main 2</dt> <dd>Sub 2</dd> <dt>Main 3</dt> <dd>Sub 4</dd>
</li>
</body>
</html>
Thanks For You Reading The Post
We are very happy for you to come to our site. Our Website Domain name
http://hausanovelspdf.blogspot.com/.
Newer Posts
Newer Posts
Older Posts
Older Posts
Comments