- Ordered List
- Unordered List
- Description List
1.Ordered List
The Ordered list is used to mark, this is defined inside the <ol> and <li> (List) tag. this will order the specific item list by using the defined list type.
Syntax of Ordered List
<ol>
<li>List 1</li>
<li>List 2</li>
<li>List n</li>
</ol>
Type Attribute in Ordered List
Type attribute is used to differentiate the style of the list, some styles are defined below
Numbers
<ol type="1">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
Output
- List 1
- List 2
- List 3
- List 4
Lower Case
<ol type="a">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
Output
- List 1
- List 2
- List 3
- List 4
Upper Case
<ol type="A">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
Output
- List 1
- List 2
- List 3
- List 4
Roman Lower Case
<ol type="i">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
Output
- List 1
- List 2
- List 3
- List 4
Roman Upper Case
<ol type="I">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ol>
Output
- List 1
- List 2
- List 3
- List 4
2.Unordered List
The Unordered list is used to mark, this is defined inside the <ul> and <li> (List) tag. this will not order the list instead of indicate the list using symbol like circle, disc etc..
Disc Type
<ul style="list-style-type:disc">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
Output
- List 1
- List 2
- List 3
- List 4
Circle Type
<ul style="list-style-type:Circle">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
Output
- List 1
- List 2
- List 3
- List 4
Square Type
<ul style="list-style-type:square">
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
</ul>
Output
- List 1
- List 2
- List 3
- List 4
3.Description List
Description list is written inside the <dl> , <dt> and <dd> tag.
<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>
Output
- Main 1
- Sub 1
- Main 2
- Sub 2
- Main 3
- Sub 4
Example Program:- (Editor)
Editor is Loading...
Advertisement
best
ReplyDelete