Std XII I.T | Lists in HTML

-
Here are some solved examples of nested lists

1)

<!Doctype html>
<html>
<head>
<title>assign 5_1</title>
</head>
<body>
<div style="border:solid blue 2px;width:180px">
<ul>
<li>Fruit
<ul style="list-style-type:circle">
<li>Bananas
<li>Apples
<ul style="list-style-type:square">
<li>Green
<li>Red
</ul>
<li>Pears
</ul>
<li>Vegetables
<li>Meat
</ul></div>
</body>
</html>

2)
<!Doctype html>
<html>
<head>
<title>assign 5_2</title>
</head>
<body>
<ol>
<li>Linux
<ol>
<li>Ubuntu
<li>Kali Linux
<li>Red Hat
</ol>
<li>Windows
<ol>
<li>Windows 7
<li>Windows 10
</ol>
<li>Mac
<li>Android
</ol>
</body>
</html>

3) 

<!Doctype html>

<html>
<head>
<title>assign 5_3</title>
</head>
<body>
<h1>Things to do today</h1>
<ol>
<li>Feed cat
<ul style="list-style-type=circle">
<li>Rinse bowl
<li>Open cat food
<li>Mix dry and wet food in bowl
<li>Deliver on silver platter to Pixel
</ul>
<li>Wash car
<ul style="list-style-type=circle">
<li>Vaccum interior
<li>Wash exterior
<li>Wax exterior
</ul>
<li>Grocery shopping
<ul style="list-style-type=circle">
<li>Plan meals
<li>Clean out fridge
<li>Make list
<li>Go to store
</ul>
</ol>
</body>
</html>

4) 

<!Doctype html>

<html>
<head>
<title>assign 5_4</title>
</head>
<body>
<h1>Ordered Nested list menu</h1>
<ol>
<li>Home
<li>Blog
<li>Web Design & Development
<ol>
<li>Design
<ol>
<li>HTML
<ol>
<li>HTML3
<li>HTML4.01
<li>XHTML
<li>HTML5
</ol>
<li>CSS
<ol>
<li>CSS3
</ol>
<li>JavaScript
<ol>
<li>JQuery
</ol>
</ol>
<li>Development
<ol>
<li>PHP
<li>JAVA
<li>ASP
</ol>
</ol>
<li>Service
<li>Contact
</body>
</html>

5) 

<!Doctype html>
<html>
<head>
<title>assign 5_5</title>
</head>
<body>
<h1>Description Nested list</h1>
<dl>
<dt>Noun
<dd>Noun is a name of person, place and things etc.
<dt>Type of Noun
<dd>Countable Noun
<dd>Uncountable Noun
<dt>Pronoun
<dd>Pronoun comes at the place of noun.
</dl>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Std XI I.T || Skill Set 3 – JavaScript || SOP1

-
Image
SOP1: Create JavaScript program for the following using appropriate variables, JavaScript inbuilt functions and control structures. ·               To accept integer and display the result by multiplying it with 3. <!DOCTYPE html> <html> <head> <title>sop1</title> </head> <body> <h1>To accept integer and display the result by multiplying it with 3</h1> <script language=javascript> var num,ans num=prompt("Enter a number") ans=num*3 document.write("Answer = "+ans) </script> </body> </html> Type the code in notepad application and save the code as usual in a folder. Provide suitable filename for example sopjs1a.html. In these examples we are embedding JavaScript codes in HTML hence  we provide  .html extensions to the filenames. To see the output as per academic specifications  use Internet Explo...
Read more

Std. XI I.T || Skill Set 2 - HTML5 || SOP 4

-
Image
SOP4: Write a program using HTML with the following specification. ·         Write a program with details about a class with total number of students-100, (Boys-50), Girls-50 in tabular form. ·         Link this page to another page as follows.                                                             Demo.html HTML Code <!DOCTYPE html> <html> <head> <title>sop4A</title> </head> <body> <table border=1 cellspacing=0> <tr bgcolor="gold" align="center"> <th>Number of Students <th>Boys <th>Girls </tr> <tr bgcolor="lightgreen" align="center"> <th>100 <th>50 <th>50 </tr> </table> </body> ...
Read more

Std XI I.T || Skill Set 3 – JavaScript || SOP3

-
SOP3: Create JavaScript program for the following using appropriate variables, JavaScript inbuilt string functions and control structures.        To accept string and calculate its length.          <!DOCTYPE html>          <html>          <head>          <title>sop3</title>          </head>          <body>          <h1> To accept string and calculate its length </h1>          <script language=javascript>           var n           n=prompt("Enter any text")           s=n.length           document.write("Length of the string is "+s)          </script...
Read more