Scribd
Upload
15 views4 pages

WTassignment1sertB HTML

The document contains HTML code examples for creating ordered and unordered lists, showcasing various types of courses and plants. It includes nested lists with different styles, sizes, and colors for list items. Additionally, it features examples of car brands and beverages organized in a structured format.

Uploaded by

anishmaurya2004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views4 pages

WTassignment1sertB HTML

The document contains HTML code examples for creating ordered and unordered lists, showcasing various types of courses and plants. It includes nested lists with different styles, sizes, and colors for list items. Additionally, it features examples of car brands and beverages organized in a structured format.

Uploaded by

anishmaurya2004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

<html>

<head>
<title>Assignment 1 set B- Ordered and Unordered List</title>
</head>

<body>
<!--
1. Write a HTML code to generate the following output
1. Undergraduate Courses
i. BBA(CA)
ii. BCA(Science)
iii. B.Sc.(Computer Science)
2. Post Graduate Courses
i. M.Sc.(Comp.Sci.)
ii. M.Sc.(CA)
iii. MCA
-->
<ol>
<li>Undergraduate Courses
<ol type="i">
<li>BBA(CA)</li>
<li>BCA(Science)</li>
<li>B.Sc.(Computer Science)</li>
</ol>
</li>

<li>Post Graduate Courses


<ol type="i">
<li>M.Sc.(Comp.Sci.)</li>
<li>M.Sc.(CA)</li>
<li>MCA</li>
</ol>

</li>
</ol>

<!--
2. Write a HTML code to generate the following output
a. Flowering Plant
o Rose
o Lily
o Jasmin
b. Non Flowering Plant
● Fern
● Spore

-->

<ol type="a">
<li>Flowering Plant
<ul type="circle">
<li>Rose</li>
<li>Lily</li>
<li>Jasmin</li>
</ul>
</li>
<li>Non Flowering Plant
<ul type="disc">
<li>Ferm</li>
<li>Spore</li>
</ul>

</li>
</ol>

<!-- 3. Write HTML code which generates the following output And
Display each element of list in different size, color & font
1. DYP
Courses
● BCS
● BCA

2. Indira
Courses
● BCA
● MCs
3. ATSS
Courses
● BBA
● BCS
-->
<ol>
<li>DYP
<ul type="none">
<li>Courses
<ul type="disc">
<font size="5" color="red">
<li>BCS</li>
<li>BCA</li>
</font>
</ul>
</li>
</ul>
</li>
<li>Indira
<ul type="none">
<li>Courses
<ul type="disc">
<font size="8" color="blue">
<li>BCA</li>
<li>MCs</li>
</font>
</ul>
</li>
</ul>
</li>
<li>ATSS
<ul type="none">
<li>Courses
<ul type="disc">
<font size="10" color="green">
<li>BBA</li>
<li>BCS</li>
</font>
</ul>
</li>
</ul>
</li>
</ol>

<!-- Q 4 -->

<ul type="none">
<li>Honda
<ul type="disc">
<li>Petrol
<ol>
<font size="20" color="pink">
<li>Honda City</li>
<li>Brio</li>
</font>
</ol>
</li>
<li>Diesel
<ol>
<font size="7" color="blue">
<li>Amaze</li>
<li>Brio</li>
</font>
</ol>
</li>
</ul>
</li>
<li>Maruti-Suzuki
<ul type="disc">
<li>Petrol
<ol>
<font size="10" color="red">
<li>Swift</li>
<li>Ritz</li>
</font>
</ol>
</li>
<li>Diesel
<ol>
<li>Swift-Desire</li>
</ol>
</li>
</ul>
</li>
</ul>

<!-- Q-5 -->


<ol>
<li>Coffee</li>
<li>Tea
<ol type="a">
<li>Green Tea</li>
<li>Black tea
<ol type="i">
<li>Africa</li>
<li>China</li>
</ol>
</li>
</ol>
</li>
<li>Milk</li>
</ol>

</body>
</html>

You might also like