You are on page 1of 57

MANISH DALVI

SLIP 1

First.htm
<html>
<body>
<h3 align="Center"> Name: Manish Dalvi
<address>Ghorpadi,Pune</address>
</h3>
</body>
</html>

Second.htm
<html>
<body>
<h4> Favourite Colours </h4>
<ul type="disc">
<li>Red</li>
<li> Pink</li>
<li>Green</li>
<li>Blue</li>
</ul>
</body>
</html>

Third.htm
<html>
<body>
<h4> List of City </h4>
<Ol type="A">
<li>Pune</li>
<li> Pimpri</li>
<li>Mumbai</li>
<li>Nashik</li>
</Ol>
</body>
</html>
Fourth.htm
<html>
<body>
<h3 align="Center">
<div class=ex1>
    A city is a large human settlement.[2][3][a] It can be defined as a perman
ent and with administratively defined boundaries 
    whose members work primarily on non-agricultural tasks.[4] Cities generall
y have extensive systems for housing, 
    transportation, sanitation, utilities, land use, production of goods, and 
communication. 
    Their density facilitates interaction between people, government organisat
ions and businesses, 
    sometimes benefiting different parties in the process, such as improving e
fficiency of goods and service distribution. 
    Due to the efficiency of transportation and the smaller land consumption,
     dense cities hold the potential to have a smaller ecological footprint pe
r inhabitant than more sparsely populated areas.
    [5] Therefore, compact cities are often referred to as a crucial element o
f fighting climate change.
    [6] However, this concentration can also have significant negative consequ
ences,
     such as forming urban heat islands, concentrating pollution, and stressin
g water supplies and other resources.
</div>>
</h3>
</body>
</html>
Fifth.htm
<html>
<head>
<title> Blinking Reminders</title>
<style>
.blink
{
animation: blinker 0.6s linear infinite;
color: pink;
font-size: 30px;
font-weight: bold;
}
@keyframes blinker
{
50% { opacity: 0;}
}
</style>
</head>
<body>
<p class="blink">Blinking text</p>
</body>
</html>

Sixth.htm
<html>
<body>
<h4> Name of Country </h4>
<Ol type="1">
<li>India</li>
<li> US</li>
<li>UK</li>
</Ol>
</body>
</html>
Slip1.htm
<html>
<frameset rows="*,*,*">
<frame src="first.htm"></frame>
<frameset cols="*,*">
<frame src="second.htm"></frame>
<frame src="third.htm"></frame>
</frameset>
<frameset cols="*,*,*">
<frame src="fourth.htm"></frame>
<frame src="fifth.htm"></frame>
<frame src="sixth.htm"></frame>
</frameset>
</frameset>
</html>

OUTPUT
SLIP 2
<html>
<head>
<style type="text/css">
table, th, td { border: 1px solid blue ;}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2">Book_No</th>
<th rowspan="2">Book_Name</th>
<th colspan="2">Price</th>
</tr>
<tr>
<th>RS</th>
<th>Paise</th>
</tr>
<tr>
    <td>101</td>
    <td>DBMS</td>
    <td>200</td>
    <td>50</td>
</tr>
<tr>
    <td>102</td>
    <td>C-Prog</td>
    <td>150</td>
    <td>75</td>
</tr>
<tr>
    <td>103</td>
    <td>JAVA</td>
    <td>300</td>
    <td>00</td>
</tr>
<tr>
    <td>104</td>
    <td>PHP</td>
    <td>250</td>
    <td>50</td>
</tr>
<tr>
    <td>105</td>
    <td>ASP</td>
    <td>100</td>
    <td>00</td>
</tr>
</table>
</body>
</html>

OUTPUT

SLIP 3
Heading.htm
<html>
<h1 align=center>IT Industries in INDIA</h1>
</html>

pune.htm
<html>
<h1> Pune </h1>
<ul style="list-style-type:disk;">
<li>Infosys</li>
<li>Persistent</li>
</ul>
</html>
Mumbai.htm
<html>
<h1> Mumbai </h1>
<ul style="list-style-type:disk;">
<li>MIT</li>
<li>IIT</li>
</ul>
</html>

City.htm
<html>
<h2><i>City</i><h2>
<oll>
<li><a href="pune.htm" target=frm3>Pune</a>
<li><a href="mumbai.htm" target=frm3>Mumbai</a>
</ol>
</html>

Slip3.htm
<html>
<head>
<title>slip3</title>
</head>
<frameset rows="20,80">
<frame src="heading.htm"></frame>
<frameset cols="30,70">
<frame src="city.htm"></frame>
<frame name="frm3"></frame>
</frameset>
</frameset>
</html>

OUTPUT
SLIP 4
Slip4.css
body{background-image: url("Underwaterfall.jpg");}
h1{text-align: center ; Color: red; font-size :50;}
address{text-align: center ; Color: blue; font-size :20;}
h4{Color: red; font-size :30;}
.p1 { font-size: 15; color:green; font-family :"Times new roman"; font-
style:italic;}
.p2{  font-size: 19; color:blue; font-family: arial; font-style:bold;}
.p3{ font-size: 25; color:pink; font-family: calibri;font-style:underline;}
div.ex1 {
background-color: lightblue;
width: 600px;
height: 150px;
overflow: scroll;
}
img {
border: 1px solid red;
border-radius: 4px;
padding: 5px;
width: 150px;
}
Slip4.htm
<html>
<head>
<title>
College Name: Christ College Pune
</title>
<link rel="stylesheet" href="slip4.css">
</head>
<body>
<h1>College Name: Christ College Pune  </h1>
<address>Wadgaon Sheri, Pune, Maharashtra 411014</address>
<h4> Course Offered </h4>
<p class=p1>B.A.</p1>
<p class=p2>B.Sc.</p1>
<p class=p3>BBA(CA)</p1>
<div class=ex1>
Christ College, Pune is a Christian minority institution affiliated to the Sav
itribai Phule Pune University. 
The College is recognized by Government of Maharashtra and managed by Carmel V
idya Bhavan Trust of 
the CMI (Carmelites of Mary Immaculate) congregation. The college offers many 
placement opportunities, 
but the salary package offered was low.The company that visited for placements 
is TATA.
Though the college stated that their agreement was fulfiled, students were not 
happy. However, the students are 100% placed. 
If you consider the good faculty in the college campus, this is a good college
.

</div>
<img src="christ.jpg"></img>
</body>
</html>

OUTPUT
SLIP 5

frames.htm
<html>
<head><title> Frame Example
</title></head>
<frameset rows="30%,*">
<frame src="header.htm" name="frame1">
<frameset cols="30%,*">
<frame src="links.htm" name="frame2">
<frame src="pune.htm" name="frame3">
</frameset>
</frameset>
</html>

header.htm
<html>
<body>
<h1 align="center"><font color="red">Online Shopping</FONT></H1>
</BODY>
</HTML>
links.htm
<html>
<body>
<b>Item</b><br>
<ol type="1">
<li><a href="pune.htm" target="frame3">Shirt</A></li><br>
<li><a href="ab.htm" target="frame3">Jeans</A></li><br>
</ol>
</body>
</html>

a.css
body{ background-color: lightblue; background-color: lightblue; }
h1 { color: navy; color: navy; margin-left: 20px; margin-left: 20px; }

pune.htm
<html>
<head><link rel="stylesheet" type="text/css" href="a.css"></head> <body><h3>Sh
irt</h3>
<ul type="disc"><li>Price </li></ul>
</body>
</html>

ab.htm
<html>
<head><link rel="stylesheet" type="text/css" href="a.css"></head>
<body>
<h3>Jeans</h3>
<ul type="disc"><li>Price </li></ul>
</body>
</html>
OUTPUT

SLIP 6

<html>
 <HEAD>
    <TITLE> Calendar </TITLE>
    </HEAD>
    <TABLE Cellpadding="10" border="2"><h1><img src="Underwaterfall.jpg"
    height="50" width="50"border="1"align="left">June 2021</h1>
        <TR>
        <TH><font color="red">SUN</TH><TH>MON</TH><TH>TUE</TH>
        <TH>WED</TH><TH>THU</TH><TH>FRI</TH><TH>SAT</TH>
        <TR>
        <TR>
        <TH> </TH><TH> </TH><TH> 1</TH><TH>2</TH>
        <TH>3</TH><TH>4</TH><TH>5</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>6</TH><TH>7</TH><TH>8</TH>
        <TH>9</TH><TH>10</TH><TH>11</TH><TH>12</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>13</TH><TH>14</TH><TH>15</TH>
        <TH>16</TH><TH>17</TH><TH>18</TH><TH>19</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>20</TH><TH>21</TH><TH>22</TH>
        <TH>23</TH><TH>24</TH><TH>25</TH><TH>26</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>27</TH><TH>28</TH><TH>29</TH>
        <TH>30</TH><TH></TH><TH></TH><TH></TH>
        <TR>
    </TABLE>
    </BODY>
    </HTML>

OUTPUT
SLIP 7
<html>
<head>
<style>
table, th, td {
border: 1px solid red;
}
</style>
</head>
<body>
<b><font color="red">Time Table 2021</font></b>
<table >
<tr>
<td>Time</td>
<td>Mon</td>
<td>Tues</td>
<td>Wed</td>
<td>Thurs</td>
<td>Fri</td>
<td>Sat</td>
</tr>
<tr>
<td>08:45-09:35</td>
<td>RDBMS</td>
<td>BM</td>
<td>OB</td>
<td>RDBMS</td>
<td>BM</td>
<td>AC</td>
</tr>
<tr>
<td>09:50-10:40</td>
<td>ADD ON</td>
<td>RDBMS</td>
<td>BM</td>
<td>OB</td>
<td>OB</td>
<td>A/C</td>
</tr>
<tr>
<td>10:55-11:45</td>
<td>OB</td>
<td>ADD ON</td>
<td>RDBMS</td>
<td>A/C</td>
<td>Web Tech</td>
<td>BM</td>
</tr>
</table>
</body>
</html>

OUTPUT

SLIP 8

<html>
    <head><title></title>
    <style>
    body{background-color:pink;}
    h1{text-align: center ; Color: red;}
    .p1{text-align: center ; font-size: 12; color:green;}
    .p2{text-align: center; font-size: 16; color:blue;}
    .p3{text-align: center; font-size: 20; color:blueviolet;}
    div.ex1 {
    background-color: lightblue;
    width: 110px;
    height: 110px;
    overflow: scroll;
    }
    img {
    border: 1px solid red;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
    }
    </style>
    </head>
    <body>
    <h1> My name is : Manish Dalvi </h1>
    <p class="p1"> My Father name is: Uday Dalvi </p>
    <p class="p2"> My Mother name is: Geeta Dalvi </p>
    <p class="p3"> My Brother name is: Ashu Dalvi </p>
    <div class="ex1"> All my family members love, respect and care for each ot
her.
        My family goes for a picnic once every two weeks.
        We all love to spend time with each other after dinner every night.
</div>
    <img src="comedy.jpg"></img>
    </body>
</html>

OUTPUT
SLIP 9
<html>
<head>
<style type="text/css">
table, th, td { border: 1px solid orangered ;}
</style>
</head>
<body>
<table>
<tr>
<th >Country</th>
<th colspan="2">Population (in Crores)</th>
</tr>
<tr>
<td rowspan="3">Indian</td>
<td>1998</td>
<td>85</td>
</tr>
<tr>
<td>1999</td>
<td>90</td>
</tr>
<tr>
<td>2000</td>
<td>100</td>
</tr>
<tr>
<td rowspan="3">USA</td>
<td>1998</td>
<td>30</td>
</tr>
<tr>
<td>1999</td>
<td>35</td>
</tr>
<tr>
<td>2000</td>
<td>40</td>
</tr>
<tr>
<td rowspan="3">UK</td>
<td>1998</td>
<td>25</td>
</tr>
<tr>
<td>1999</td>
<td>30</td>
</tr>
<tr>
<td>2000</td>
<td>35</td>
</tr>
</table>
</body>
</html>

OUTPUT

SLIP 10

<html>
<head>
<style>
ol{color:red;}
ul{color:blue;}
</style>
</head>
<body>
<ol type=1>
<li>DYP</li>
<ul type = "disc">
<li>COURSES</li>
<ul type = "square">
<li>BCS</li>
<li>BCA</li>
</ul>
</ul>
<li>Indira</li>
<ul type = "disc">
<li>COURSES</li>
<ul type = "square">
<li>BCA</li>
<li>MCS</li>
</ul>
</ul>
<li>ATSS</li>
<ul type = "disc">
<li>COURSES</li>
<ul type = "square">
<li>BBA</li>
<li>BCS</li>
</ul>
</ul>
</body>
</html>

OUTPUT
SLIP 11

slip11.css
ul.u1 {
    background: red;
    padding: 20px;
    font-family : arial;
    font-size : 20;
    list-style-type:disc;
    }
    ul.u2 {
    background: red;
    list-style-type: circle;
    font-family : "Times new roman";
    font-size : 25;
    }
    ul.u3 {
    background: red;
    font-family : arial;
    font-size : 27;
    list-style-type: square;
    }
    ol.u4 {
    background: red;
    font-family : arial;
    font-size : 27;
    list-style-type: decimal;
    }
    ul li {
    background: lightblue;
    margin: 5px;
    font-family : arial;
    font-size : 25;
    }
slip11.htm
<html>
<head>
<link rel="stylesheet" href="slip11.css">
</head>
<body>
<ul class="u1">
<li>Non flowering plant</li>
<ul class="u2">
<li>Fern</li>
<li>Spore</li>
</ul>
<li> flowering plant </li>
<ul class="u3">
<li> Lilly</li>
<li> Rose </li>
<ol class="u4">
<li>Red Rose</li>
<li>Pink Rose</li>
</ol>
</ul>
</ul>
</body>
</html>

OUTPUT
SLIP 12

<html>
<head><title>College Name: Christ College Pune</title>
<style>
 body{background-image: url("Underwaterfall.jpg");}
h1{text-align: center ; Color: red; font-size :50;}
address{text-align: center ; Color: blue; font-size :20;}
h4{Color: red; font-size :30;}
.p1 { font-size: 15; color:green; font-family :"Times new roman"; font-
style:italic;}
.p2{  font-size: 19; color:blue; font-family: arial; font-style:bold;}
.p3{ font-size: 25; color:pink; font-family: calibri;font-style:underline;}
div.ex1 {
background-color: lightblue;
width: 600px;
height: 150px;
overflow: scroll;
}
img {
border: 1px solid red;
border-radius: 4px;
padding: 5px;
width: 150px;
}
</style>
</head>
<body>
<h1>College Name: Christ College Pune  </h1>
<address>Wadgaon Sheri, Pune, Maharashtra 411014</address>
<h4> Course Offered </h4>
<p class=p1>B.A.</p1>
<p class=p2>B.Sc.</p1>
<p class=p3>BBA(CA)</p1>
<div class=ex1>
Christ College, Pune is a Christian minority institution affiliated to the Sav
itribai Phule Pune University. 
The College is recognized by Government of Maharashtra and managed by Carmel V
idya Bhavan Trust of 
the CMI (Carmelites of Mary Immaculate) congregation. The college offers many 
placement opportunities, 
but the salary package offered was low.The company that visited for placements 
is TATA.
Though the college stated that their agreement was fulfiled, students were not 
happy. However, the students are 100% placed. 
If you consider the good faculty in the college campus, this is a good college
.

</div>
<img src="christ.jpg"></img>
</body>
</html>

OUTPUT
SLIP 13

Heading.htm
<html>
<body>
<h1 align="center"> Christ College Pune  <h1>
</body>
</html>

List.htm
<html>
<body>
<ol type="1">
<li> <a href="bca.htm" target="frm3"> BCA </a></li>
<li> <a href="bsc.htm" target="frm3"> BSC</a></li>
</ol>
</body>
</html>

Bca.htm
<html>
<body>
<li>DBMS</li>
<li>C</li>
<li>Web Tech</li>
</body>
</html>

Bsc.htm
<html>
<body>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</body>
</html>
Frame.htm
<html>
<frameset rows="20%,*">
<frame src="heading.htm"></frame>
<frameset cols="40%,*">
<frame src="list.htm"></frame>
<frame src="" name="frm3"></frame>
</frameset>
</frameset>
</html>

OUTPUT
SLIP 14

<html>
    <head><title></title>
    <style>
    body{background-color:pink;}
    h1{text-align: center ; Color: red;}
    .p1{text-align: center ; font-size: 12; color:green;}
    .p2{text-align: center; font-size: 16; color:blue;}
    .p3{text-align: center; font-size: 20; color:blueviolet;}
    </style>
    </head>
    <body>
    <h1> My name is : Manish Dalvi </h1>
    <p class="p1"> My Father name is: Uday Dalvi </p>
    <p class="p2"> My Mother name is: Geeta Dalvi </p>
    <p class="p3"> My Brother name is: Ashu Dalvi </p>
    <h2>a<sub>0</sub> + a<sub>1</sub>x<sup>1</sup> + a<sub>2</sub>x<sup>2</su
p> + a<sub>3</sub>x<sup>3</sup></h2>
     </body>
</html>

OUTPUT
SLIP 15

<html>
    <head><title><CENTER>My City</CENTER></title>
    </head>
    <body style="background-color:pink;">
    <h1 style="text-align: center ; Color: blue;"> My City name: Pune </h1>
    <h1 style="font-size: 30; color:chartreuse; "> ::Pune city Landmarks:: <
/h1>
    <ul >
    <li style="color : blue; font-size: 20; font-family:verdana;">KP</li>
    <li style="color : red; font-size: 21; font-family:arial;">Ghorpadi</li>
    <li style="color : green ;font-size: 19; font-family:courier;">ISKCON Temp
le</li>
    </ul>
    <div style="background-color: lightblue;width: 210px; height: 210px; overf
low: scroll;">
    Pune, also called ‘Poona’, is situated in the state of Maharashtra, India.
    Pune, known as Poona until 1978 is the second-largest metropolitan city in 
the Indian State
     of ... Research institutes of information technology, education, 
    management and training attract students and professionals from India and 
overseas.
    </div>
    <img style="border: 1px solid red; border-radius: 4px; padding: 5px; width
: 150px;" src="comedy.jpg"></img>
    </body>
</html>
OUTPUT

SLIP 16

<html>
<head>
</head>
<body>
<ul style="color :chocolate;padding: 20px; font-size:20; font-
family:verdana;">
<li >Honda</li>
<ul style="color:green; list-style-type: square; font-size:19; font-
family:courier;">
<li >Petrol </li>
<ol style="color: red; font-size:18;font-family: arial ;">
<li> Honda City</li>
<li> Brio</li>
</ol>
<li> Diesel </li>
<ol style="color:orangered; font-size:17;font-family:verdana;">
<li> Amaze</li>
<li> Brio</li>
</ol>
</ul>
<li >Maruti-Suzuki</li>
<ul style="color: green; list-style-type: square;font-size:19; font-
family:courier;">
<li >Petrol </li>
<ol style="color:red;font-size:18;font-family: arial">
<li> Swift City</li>
<li> Ritz</li>
</ol>
<li> Diesel </li>
<ol style="color:orangered;font-size: 17; font-family:verdana;">
<li> Swift-Desire</li>
</ol>
</ul>
</ul>
</body>
</html>

OUTPUT
SLIP 17

<html>
<body>
<form>
<h1>Customer Registration</h1>
<table border=1>
<tr>
<td>Name </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Contact no </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" size="20">male <input type="radio" size="20">female</t
d> </tr>
<tr>
<td>days of purchasing</td>
<td><input type="text" size="20">
</tr>
<tr>
<td>favorite item</td>
<td><select name="example">
<option value="item1">Panner
<option value="item2">Chinese
<option value="item3">chicken
</select>
</tr>
<tr>
<td>Suggestion</td>
<td><textarea rows="4" cols="50"></textarea
</tr>
<tr>
<td><input type="reset" value="Reset"></td>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>

OUTPUT
SLIP 18
Table.css
table{
    border:5px solid red;
    }
    th
    {
    border:3px solid blue;
    text-align:center;
    color:green;
    font-size:15px;
    }
    td
    {
    border:3px solid yellow;
    font-size:11px;
    color:blue;
    }

<html>
<head>
<link rel="stylesheet" href="table.css">
</head>
<body>
<table>
<tr>
<th rowspan="2">Book_No</th>
<th rowspan="2">Book_Name</th>
<th colspan="2">Price</th>
</tr>
<tr>
<th>RS</th>
<th>Paise</th>
</tr>
<tr>
<td>101</td>
<td>DBMS</td>
<td>200</td>
<td>50</td>
</tr>
<tr>
<td>102</td>
<td>C-Prog</td>
<td>150</td>
<td>75</td>
</tr>
<tr>
<td>103</td>
<td>JAVA</td>
<td>300</td>
<td>00</td>
</tr>
<tr>
<td>104</td>
<td>PHP</td>
<td>250</td>
<td>50</td>
</tr>
<tr>
<td>105</td>
<td>ASP</td>
<td>100</td>
<td>00</td>
</tr>

</table>
</body>
</html>

OUTPUT
SLIP 19

<html>
<body>
<form>
<h1>Information of a Customer for booking a travel plan </h1>
<table border=1>
<tr>
<td>Name </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Address</td>
<td><textarea rows="4" cols="50"></textarea
</tr>
<tr>
<td>Contact no </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" size="20" name="radio1">male <input type="radio" size=
"20" name="radio1">female</td> </tr>
</tr>
<tr>
<td>Preferred Season</td>
<td><input type="Checkbox" size="20">Winter<input type="Checkbox" size="20">Su
mmer</td> </tr>
</tr>
<tr>
<td>Location Type</td>
<td><select name="example">
<option value="item1">Peru
<option value="item2">Paris
<option value="item3">Canada
</select>
</tr>
<tr>
<tr>
<td><input type="reset" value="Reset"></td>
<td><input type="submit" value="Submit"></td>
</tr>
OUTPUT

SLIP 20
Slip20.css
h1{text-align: center ; color:green; font-size:50;}
h2{Color: red; font-size :30;}
.p1 { font-size: 15; color:orangered; font-family :"Times new roman"; font-
style:italic;}
.p2{  font-size: 19; color:blue; font-family: arial; font-style:bold;}
.p3{ font-size: 25; color:black; font-family: calibri;font-style:underline;}
div.ex1 {
background-color: lightblue;
width: 600px;
height: 150px;
overflow: scroll;
}
img {
border: 1px solid red;
border-radius: 4px;
padding: 5px;
width: 150px;
}
body{background-color: pink};
slip20.htm
<html>
<head>
<title>
Car-Dodge Challenger
</title>
<link rel="stylesheet" href="slip20.css">
</head>
<body>
<h1>Dodge SRT</h1>
<h2> Features </h2>
<p class=p1>Racing</p1>
<p class=p2>Power</p1>
<p class=p3>Best Design</p1>
<div class=ex1>
    Base engine: 3.6-liter V6 with 303 horsepower and 268 pound-feet of torque
; starts at $28,295 (standard in SXT and GT)
    Available engines:
    5.7-liter Hemi V8 with 375 horsepower and 410 pound-feet of torque; starts 
at $34,995 (standard in R/T)
    6.4-liter Hemi V8 with 485 horsepower and 475 pound-feet of torque; (stand
ard in R/T Scat Pack)
    6.2-liter supercharged Hemi V8 with 717 horsepower and 656 pound-feet of t
orque; (standard in SRT Hellcat)
    6.2-liter high-output supercharged Hemi V8 with 797 horsepower and 707 pou
nd-feet of torque; (standard in SRT Hellcat Redeye)
    6.2-liter high-output supercharged Hemi V8 with 807 horsepower and 707 pou
nd-feet of torque; (standard in SRT Super Stock)
    Drivetrain: standard rear-wheel drive; available all-wheel drive
    Transmission: standard eight-speed automatic; available six-speed manual
</div>
<img src="dodge_challenger.jpg"></img>
</body>
</html>

OUTPUT
SLIP 21
Slip21.htm
<html>
<head>
<style>
ul.u1 {
background:blue;
font-size: 20;
padding: 20px;
}
ul.u2 {
background: blue;
font-size: 25;
font-family: 'Courier New', Courier, monospace;
list-style-type: square;
}
ol {
background: blue;
}
ul li {
background: lightblue;
margin: 5px;
}
</style>
</head>
<body>
<ul class="u1">
<li>Coffee</li>
<li>Tea</li>
<ul class="u2">
<li>Black Tea</li>
<li> Green Tea</li>
<ol>
<li>Africa</li>
<li>China</li>
</ol>
</ul>
</ul>
</body>
</html>

OUTPUT
SLIP 22

First.htm
<html>
<body>
<h3 align="Center"> Name: Manish Dalvi
<address>Ghorpadi,Pune</address>
</h3>
</body>
</html>

Second.htm
<html>
<body>
<h4> Favourite Colours </h4>
<ul type="disc">
<li>Red</li>
<li> Pink</li>
<li>Green</li>
<li>Blue</li>
</ul>
</body>
</html>

Third.htm
<html>
<body>
<h4> Links of Favourite Site </h4>
<a href="url">https://www.dodge.com/challenger.html</a>
<br><a href="url">https://www.bugatti.com/</a></br>
<a href="url">https://www.lamborghini.com/en-en/brand/masterpieces/aventador-
coupe</a>
</body>
</html>

Fourth.htm
<html>
<body>
<h3 align="Center">
<div class=ex1>
    Base engine: 3.6-liter V6 with 303 horsepower and 268 pound-feet of torque
; starts at $28,295 (standard in SXT and GT)
    Available engines:
    5.7-liter Hemi V8 with 375 horsepower and 410 pound-feet of torque; starts 
at $34,995 (standard in R/T)
    6.4-liter Hemi V8 with 485 horsepower and 475 pound-feet of torque; (stand
ard in R/T Scat Pack)
    6.2-liter supercharged Hemi V8 with 717 horsepower and 656 pound-feet of t
orque; (standard in SRT Hellcat)
    6.2-liter high-output supercharged Hemi V8 with 797 horsepower and 707 pou
nd-feet of torque; (standard in SRT Hellcat Redeye)
    6.2-liter high-output supercharged Hemi V8 with 807 horsepower and 707 pou
nd-feet of torque; (standard in SRT Super Stock)
    Drivetrain: standard rear-wheel drive; available all-wheel drive
    Transmission: standard eight-speed automatic; available six-speed manual
</div>>
</h3>
</body>
</html>

Fifth.htm
<html>
<head>
<title> Blinking Reminders</title>
<style>
.blink
{
animation: blinker 0.6s linear infinite;
color: pink;
font-size: 30px;
font-weight: bold;
}
@keyframes blinker
{
50% { opacity: 0;}
}
</style>
</head>
<body>
<p class="blink">Blinking text</p>
</body>
</html>

Sixth.htm
<html>
<body>
<h4>Dodge</h4>
<img src="dodge_challenger.jpg" width="300" height="150">
</body>
</html>

OUTPUT

SLIP 23
Slip23.css
.center {
    margin-left: auto;
    margin-right: auto;
  }
  table{
    border:5px solid red;
    }
    th
    {
    border:3px solid blue;
    text-align:center;
    color:green;
    font-size:30px;
    }
    td
    {
    border:3px solid yellow;
    font-size:25px;
    color:blue;
    }
   

Slip23.htm
<html>
<head>
<link rel="stylesheet" href="slip23.css">
</head>
<body>
<table class="center">
<tr>
<th ROWSPAN="2">Course</th>
<th colspan="3">Fee Structure</th>
<th ROWSPAN="2">year</th>
</tr>
<tr>
<th>Fy</th>
<th>Sy</th>
<th>Ty</th>
</tr>
<tr>
<td>B.Sc(CS)</td>
<td>20000</td>
<td>25000</td>
<td>30000</td>
<td>2017</td>
</tr>
<tr>
<td>BCA(Sci)</td>
<td>15000</td>
<td>20000</td>
<td>25000</td>
<td>2018</td>
</tr>
<tr>
<td>BCA(CA)</td>
<td>25000</td>
<td>30000</td>
<td>35000</td>
<td>2019</td>
</tr>
</table>
</body>
</html>

OUTPUT

SLIP 24
Slip24.htm
<html><head>
    <style>
        ul{
        background:blue;
        font-size: 25;
        font-family:'Courier New', Courier, monospace;
        list-style-type: square;
        }
        ol {
        background:red;
        }
        ul li {
        background: lightblue;
        margin: 5px;
        }
        </style>
</head>
    <body>
        <ol type="i">
            <li>Art</li>
            <ul type="Disc">
                <li>BA</li>
                <li>MA</li>
            </ul>
            <li>Commerce</li>
            <ul type="Disc">
                <li>Bcom</li>
                <li>Mcom</li>
            </ul>
            <li>Science</li>
            <ul type="Disc">
                <li>B.Sc</li>
                <li>M.Sc</li>
            </ul>
        </ol>
    </body>
    </html>

OUTPUT
SLIP 25

First.htm
<html>
<body>
<h3 align="Center"> Name: Manish Dalvi
<address>Ghorpadi,Pune</address>
</h3>
</body>
</html>

Second.htm
<html>
<head>
<title> Blinking Reminders</title>
<style>
.blink
{
animation: blinker 0.6s linear infinite;
color: pink;
font-size: 30px;
font-weight: bold;
}
@keyframes blinker
{
50% { opacity: 0;}
}
</style>
</head>
<body>
<p class="blink">Blinking text</p>
</body>
</html>

Third.htm
<html>
<body>
<h4> List of City </h4>
<Ol type="A">
<li>Pune</li>
<li> Pimpri</li>
<li>Mumbai</li>
<li>Nashik</li>
</Ol>
</body>
</html>

Fourth.htm
<html>
<body>
<h4> Name of Country </h4>
<Ol type="1">
<li>India</li>
<li> US</li>
<li>UK</li>
</Ol>
</body>
</html>
Fifth.htm
<html>
<body>
<h3 align="Center"> Name: Manish Dalvi
<address>Ghorpadi,Pune</address>
</h3>
</body>
</html>

Sixth.htm
<html>
<frameset rows="*,*,*">
<frame src="first.htm"></frame>
<frameset cols="*,*">
<frame src="second.htm"></frame>
<frame src="third.htm"></frame>
</frameset>
<frameset cols="*,*,*">
<frame src="fourth.htm"></frame>
<frame src="fifth.htm"></frame>
<frame src="sixth.htm"></frame>
</frameset>
</frameset>
</html>

OUTPUT
SLIP 26

Frame1.htm
<html>
    <body>
        <head><h1><font><center>IT Industries in India</center></font></h1></h
ead>
    </body>
</html>

Pune.css
body{
    font-size:11px;
    color:blue;
    }
Pune.htm
<html>
 <head><link rel="stylesheet" href="pune.css"></head>

<h1> Pune </h1>
<ul style="list-style-type:disk;">
<li>Infosys</li>
<li>TCS</li>
<li>Tech mahindra</li>
<li>Persistent</li>
</ul>
</html>

Mumbai.css
body{
    font-size:11px;
    color:red;
    }

Mumbai.htm
<html>
<head><link rel="stylesheet" href="mumbai.css"></head>
<h1> Mumbai </h1>
<ul style="list-style-type:disk;">
<li>Infosys</li>
<li>TCS</li>
<li>Mapro</li>
<li>MIT</li>
</ul>
</html>

Franme2.htm
<html>
<body>
<ul>City
<ol type="1">
<li><a href="pune.htm" target="button">Pune</a></li>
<li><a href="mumbai.htm" target="button">Mumbai</a></li>
</ol>
</ul>
</body>
</html>
Slip26.htm
<html>
    <frameset rows="30%,*">
        <frame  src="frame1.htm"/>
            <frame  src="frame2.htm"/>    
    </frameset>
</html>

OUTPUT
SLIP 27

<HTML>
    <HEAD>
    <TITLE> Calendar </TITLE>
    </HEAD>
    <TABLE Cellpadding="10" border="2"><h1><img src="Underwaterfall.jpg"
    height="50" width="50"border="1"align="left">June 2021</h1>
        <TR>
        <TH><font color="red">SUN</TH><TH>MON</TH><TH>TUE</TH>
        <TH>WED</TH><TH>THU</TH><TH>FRI</TH><TH>SAT</TH>
        <TR>
        <TR>
        <TH> </TH><TH> </TH><TH> 1</TH><TH>2</TH>
        <TH>3</TH><TH>4</TH><TH>5</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>6</TH><TH>7</TH><TH>8</TH>
        <TH>9</TH><TH>10</TH><TH>11</TH><TH>12</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>13</TH><TH>14</TH><TH>15</TH>
        <TH>16</TH><TH>17</TH><TH>18</TH><TH>19</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>20</TH><TH>21</TH><TH>22</TH>
        <TH>23</TH><TH>24</TH><TH>25</TH><TH>26</TH>
        <TR>
        <TR>
        <TH><font color="red"><b>27</TH><TH>28</TH><TH>29</TH>
        <TH>30</TH><TH></TH><TH></TH><TH></TH>
        <TR>
    </TABLE>
    </BODY>
    </HTML>

OUTPUT
SLIP 28

<html> 
    <body> 
    <form style="padding:50px; border:10; border-style: solid;"> 
    <Table height="70%" width="80%"> 
    <font face="arial" size="5" align="center"> Bus Ticket Reservation From </
font> 
    <tr> <td>Name: </td> 
    <td><input type="text" name="First Name"> </td> 
    </tr> <tr> <td>Address: </td> 
    <td><input type="text" name="First Name"> </td> 
    </tr> <tr> <td>Contact no. </td>  
    <td><input type="text" name="contact no."> </td></tr> 
    <tr><td>Station:</td> 
    <td> 
    <select> 
    <option value="Mumbai">Mumbai</option> 
    <option value="New Delhi">New Delhi</option> 
    <option value="Bangalore">Bangalore</option> 
    <option value="London">London</option> </select></td> 
    </tr> 
    <tr><td>Destination Station: </td> 
    <td><input type="text" name="First Name"> </td></tr> 
    </tr> 
    <tr><td>Date of booking :</td> <td><input type="date-local"></td></tr> 
<tr><td>Date of Journey :
    </td> <td><input type="date-local"></td></tr> <tr><td>No. of Passenger: <
/td> 
    <td><input type="text" name="contact no."> </td></tr>
    <tr><td>Name of Passenger: </td> 
        <td><input type="text" name="First Name"> </td> 
        </tr> <tr><td>Gender: </td> 
        <td><input type="radio" name="gender" value="male" checked> Male 
        <input type="radio" name="gender" value="male"> Female</td> 
        </tr> 
        <td><input type="reset" value="Reset"></td>
        <td><input type="submit" value="Submit"></td>
        </table> 
        </form> 
        </body> 
        </html>

OUTPUT
SLIP 29

<html>
    <head><title>CITY</title>
    <style>
    body{background-color:pink;}
    h1{text-align: center ; Color:blue;}
    .p1{text-align: center ; font-size: 12; color:green;}
    .p2{text-align: center; font-size: 16; color:orange;}
    .p3{text-align: center; font-size: 20; color:blueviolet;}
    div.ex1 {
    background-color: lightblue;
    width: 110px;
    height: 110px;
    overflow: scroll;
    }
    img {
    border: 1px solid red;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
    }
    </style>
    </head>
    <body>
    <h1> PUNE </h1>
    <p class="p1"> Amanora</p>
    <p class="p2"> KP </p>
    <p class="p3"> Manish</p>
    <div class="ex1"> If, however, the premise of "influence" implies that inf
ormation has been perceived by
         a conscious mind and also interpreted by it, the specific context ass
ociated with this interpretation 
         may cause the transformation of the information into knowledge. Compl
ex definitions of both 
         "information" and "knowledge" make such semantic and logical analysis 
difficult, but the condition
          of "transformation" is an important point in the study of informatio
n as it relates to knowledge,
           especially in the business discipline of knowledge management. In t
his practice, tools and
            processes are used to assist a knowledge worker in performing rese
arch and making decisions, 
            including steps such as:
            Review information to effectively derive value and meaning
        Reference metadata if available
        Establish relevant context, often from many possible contexts
        Derive new knowledge from the information
        Make decisions or recommendations from the resulting knowledge
</div>
    <img src="dodge_challenger.jpg"></img>
    </body>
</html>

OUTPUT
SLIP 30
Slip30.css
table{
    border:5px solid red;
    }
    td
    {
    border:3px solid yellow;
    font-size:25px;
    color:blue;
    }

Slip30.htm
<html> 
<head> 
<link rel="stylesheet" href="slip30.css"> </head> 
<body> 
<table width="50%" align="left" cellpadding="5" cellspacing="2" border="3"> 
<tr> 
<td rowspan="2">College/Courses</td> <td colspan="2">Arts</td> 
<td colspan="2">Commerce</td> 
</tr> 
<tr align="center"> 
<td width="25%"><b>UG</b></td> <td><b>PG</b></td> <td><b>UG</b></td> <td><b>PG
</b></td> 
</tr> 
<tr> 
<td>D. Y. Patil, Pimpri</td> <td>BA</td> 
<td>MA</td> <td>B.Com</td> <td>M.Com</td> 
</tr> 
<tr>
<td>Indira College</td> <td>BA</td> 
<td>MA</td> <td>BBA(CA)</td> <td>M.com (Commerce)</td> </tr> 
<tr> 
<td>Wadia College</td> <td>BA</td> 
<td>MA</td> <td>B.Com</td> <td>M.Com(Ecommerce)</td> </tr> 
</table> 
</body> 
</html> 
    
   
OUTPUT

You might also like