Create a web page to demonstrate working of ordered, unordered and nested list.
Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order,Unorder and Nested List</title>
</head>
<body>
<p>Preceding Text</p>
<ol type="I">
<li>List item 1</li>
<ol type="a">
<li>Nested item 1.1</li>
<li>Nested item 1.2</li>
</ol>
<li>List item 2</li>
<ol type="1">
<li>Nested item 2.1</li>
<li>Nested item 2.2</li>
<ul style="list-style-type:circle;">
<li>Nested item 2.2.1</li>
<li>Nested item 2.2.2</li>
<ul style="list-style-type:square;">
<li>Nested item 2.2.2.1</li>
<li>Nested item 2.2.2.2</li>
</ul>
<li>Nested item 2.2.3</li>
</ul>
<li>Nested item 2.3</li>
</ol>
</ol>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order,Unorder and Nested List</title>
</head>
<body>
<p>Preceding Text</p>
<ol type="I">
<li>List item 1</li>
<ol type="a">
<li>Nested item 1.1</li>
<li>Nested item 1.2</li>
</ol>
<li>List item 2</li>
<ol type="1">
<li>Nested item 2.1</li>
<li>Nested item 2.2</li>
<ul style="list-style-type:circle;">
<li>Nested item 2.2.1</li>
<li>Nested item 2.2.2</li>
<ul style="list-style-type:square;">
<li>Nested item 2.2.2.1</li>
<li>Nested item 2.2.2.2</li>
</ul>
<li>Nested item 2.2.3</li>
</ul>
<li>Nested item 2.3</li>
</ol>
</ol>
</body>
</html>
Comments
Post a Comment