Nested Ordered Lists
HTML Nested Ordered Lists use <ol> within <li> tags to create sublists, enhancing organization and structure for hierarchical content presentation.
Example: In this example we are creating nested ordered list, listing programming languages with their respective frameworks as subitems for enhanced organization.
<!DOCTYPE html>
<html>
<head>
<title>Nasted Ordered List</title>
</head>
<body>
<h2>Nasted Ordered List</h2>
<ol>
<li>
JavaScript
<ol>
<li>React</li>
<li>Angular</li>
<li>Vue.js</li>
</ol>
</li>
<li>
Python
<ol>
<li>Django</li>
<li>Flask</li>
<li>Pyramid</li>
</ol>
</li>
</ol>
</body>
</html>
Output:
HTML Ordered Lists
HTML Ordered List is created by the HTML <ol> tag, to display elements in an ordered form, either numerical or alphabetical. Within the <ol> tag, list items <li> are used to define the items in sequential order.
Syntax:
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
Contact Us