HTML List
HTML List :-
Different Type of HTML list.
1] Ordered HTML List.
2] Unordered HTML List
3] Description HTML List
1] Ordered HTML List :-
Q. what is the ordered list in html?
- Ordered list is also known as Number list or alphabetical.
- All ordered html list items are marked with the Number in by default.
- Ordered list Starts <ol> tag and closing with the </ol> tag.
- Ordered list each items start with the <li> tag and closing with the items </li> tag.
Ordered list represent different Type
1) Numeric Number(1,2,3,4,5)
2) Capital Roman Number (l ,ll , lll , lV)
3) Small Roman Number( i, ii, iii, iv)
4) Capital Alphabet (A,B,C, D)
5) Small Alphabet (a, b, c, d)
Q. How to make ordered list in html.
Ordered HTML List :-
1) Numeric Number -
Ordered html list is numeric number is default type.
Numeric Number is not defining type ="1" .
Example -
<!doctype html>
<html>
body>
<h2>Ordered HTML List</h2>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ol>
</body>
</html>
Output
2) Capital Roman Number (l ,ll , lll , lV) :-
Capital Roman Number display list in roman number uppercase.
Capital Roman Number is defining type ="I" .
Syntax :-
Ol type="I"
Example -
<!doctype html>
<html>
body>
<h2>Ordered HTML List</h2>
<ol type ="I">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ol>
</body>
</html>
Capital Roman Number OUTPUT :-
3) Small Roman Number( i, ii, iii, iv) :-
Small Roman Number display list in roman number lowercase.
Small Roman Number is defining type ="i"
Syntax :-
Ol type = "i"
Example -
<html>
<body>
<h2>Ordered HTML List</h2>
<ol type ="i">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ol>
</body>
</html>
OUTPUT :-
4)Capital Alphabet (A,B,C, D) :-
Capital Alphabet display list in Uppercase.
Capital Alphabet is defining type ="A"
Ol type = "A"
Example -
<html>
<body>
<h2>Ordered HTML List</h2>
<h3>Capital Alphabet </h3>
<ol type ="A">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ol>
</body>
</html>
OUTPUT
.png "capital alphabet list html/output")
5) Small Alphabet (a, b, c, d) :-
Small Alphabet display list in lowercase.
Small Alphabet is defining type ="a"
Syntax :-
Ol type = "a"
Example -
<html>
<body>
<h2>Ordered HTML List</h2>
<h3>Small Alphabet </h3>
<ol type ="a">
<!-- ordered html list syntax -->
<li>HTML</li><!-- list tag -->
<li>CSS</li>
<li>JAVASCRIPT</li>
</ol>
</html>
</body>
OUTPUT :-
