How to create list in HTML -Unorganized and Organized
There are two types of list:
·
Organized list -----
<ol> </ol>
·
Unorganized list ----- <ul> </ul>
Unorganized list
Unorganized list in HTML is denoted by bullets such as disc,
circle or square etc.
For creating unorganized list in HTML, you must know about
the following tags:
<ul></ul> -- unorganized list
<li></li> -- list
Sample lists:
1.
Disc Bullets
<ul style=”list-style-type:disc”>
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ul>
2.
Circle Bullets
<ul style="list-style-type:circle">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ul>
3.
Square Bullets
<ul style="list-style-type:square">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ul
4.
None (when you don’t require any bullets)
<ul style="list-style-type:none">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ul>
Organized list
Organized list in HTML is denoted by numbers, alphabets,
roman numbers etc.
For creating Organized list in HTML, you must know about the
following tags:
<ol></ol> -- organized list
<li></li> -- list
Sample lists:
1.
Alphabetic list
<ol type="A">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ol>
2.
Numerical list
<ol type="1">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ol>
3.
Roman number list
<ol type="I">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ol>
4.
Small alphabetic list
<ol type="a">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ol
5.
Lower case roman list
<ol type="i">
<li>sugar</li>
<li>colgate</li>
<li>watch</li>
</ol>
There is one more list:
Descriptive list
<dl>
<dt>sugar</dt>
<dd>- white
sugar</dd>
<dt>colgate</dt>
<dd>- solt
toothpaste</dd>
</dl>
If you have any suggestions feel free to comment.
0 comments :
Post a Comment