Computer Science, asked by imanf11570, 2 months ago

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

Answered by madhavtripathi424
0

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>

   &nbsp

   <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>

   &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp

   <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;

}

Similar questions