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>


Output




Comments

Popular posts from this blog

Write A Program To Print Hello World Using Lex

Create a Student registration form using following tags form,input,textarea,button,select,optio. The registration form must consist of following information: first name,Middle name,last name, gender(use radio button),address,phone no,email id,hobbies(use checkbox),city,state,country,collage name (use dropdown menu).