Friday 24 February 2023

HTML - Practical Demo

<html>
<head>
<style>
.mydiv{border:5px outset red;
background-color:#DF01A5;
text-algin:centre;
}
.mydiv1{border:6px outset pink;
background-color:blue;
text-algin:centre;
}
.mydiv2{border:6px outset yellow;
background-color:orange;
text-algin:centre;
</style>
</head>
<body>
<div class="mydiv">
<h2> NAME- Type Student name </h2>
<h2> ROLLNO-1298 </h2>
<h2> DIV-B </h2>
</div>

<div class="mydiv1">
<Ol type="A">
<h2> MY FAVOURITE COLOR </h2>
<li> RED <li>
<li> ORANGE <li>
<li> YELLOW<li>
<li> PINK<li>
</Ol>
</div>
<br>

<div class="mydiv2">
<Ul>
<h2> MY HOBBIES </h2>
<li> READING<li>
<li> DANCING<li>
<li> SINGING<li>
<li> DRAWING<li>
</Ul>
</div>
</body>
</html>


Output :- 

No comments:

Post a Comment