Is it possible to redirect an iFrame to a different HTML page when clicked by the user?
I have an iFrame that is essentially an HTML page. When I click on the iFrame, I want it to take me to another HTML page.
This is my code:
h1 {
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h2{
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #feb236;
}
iframe {
border: 2px solid black;
}
body{
height: 175vh;
}
div{
border-width: 0 2px;
border-style: solid;
position: fixed;
top: 0;
bottom: 0;
right: 400px;
left: 400px;
z-index: -1;
}
<!DOCTYPE html>
<html>
<head>
<title>Plagiarism</title>
<h1><u>PLAGIARISM</u></h1>
<div></div>
</head>
<body>
<h2 style=>What is Plagiarism?</h2>
<p align="center"><iframe width="400" height="250"></iframe></p>
<h2>What is Plagiarism in Computer Science?</h2>
<p align="center"><iframe width="400" height="250"></iframe></p>
<h2>Famous Cases of Plagiarism</h2>
<p align="center"><iframe width="400" height="250"></iframe></p>
<h2>Punishment for Plagiarism in US</h2>
<p align="center"><iframe width="400" height="250"></iframe></p>
</body>
</html>