Create a html page with following features. -Include a button labeled My School. -When the button is clicked ,a confirmation box with Do you want to see my school? should be displayed and the user should be able to choose ok or cancel. -If the user clicks on ok ,it should show an image of your school otherwise nothing should happen.
Answers
Answer:
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Help </title>
<link rel="stylesheet" type="text/css" href="Task.css">
</head>
<body>
<div>
<a href="#MySchool"> <h1>My School</h1></a>
</div>
<div id="MySchool">
<br>
<br>
<br>
 
<p class="in"><a href="https://thumbs.dreamstime.com/z/generic-high-school-building-facade-entrance-made-red-brick-stone-green-lawn-bushes-front-33377575.jpg " target="blank">Yes</a></p>
           
<p id="no" class="in"><a href="#">No</a></p>
</div>
</body>
</html>
CSS
#MySchool{
height: 0;
width: 0;
position:fixed ;
top: 0;
left:0 ;
overflow: hidden;
transition: all 1s ease-in-out;
}
#MySchool:target{
height: 20%;
width: 20%;
top: 20%;
left: 20%;
background-color: lightgreen;
}
.in{
display: inline;
padding:10% ;
font-size: 25px;
}
.take{
font-size: 30px;
}