当有人单击我代码中的gif时,如何将其链接到另一个页面或网站内的其他内容?
这是html代码。它涉及一些CSS,但不在单独的样式表上。
html {
background-color: #0000ff;
color: #ffff00;
}
/*#header {
background-color:#ff0000;
width:100%;
height:100px;
border-radius: 25px;
text-align: center;
padding-top:25px;
}*/
#gif {
box-shadow: 0px 0px 25px 25px;
width: 300px;
height: 300px;
margin-left: 475px;
margin-top: 130px;
}
<div id="header">
<h1 style="text-align:center; letter-spacing: 20px; box-shadow:#ffffff 0px 0px 25px 25px; border-radius:10px; color:#ffffff;margin-top:80px; padding:25px; width:500px; height:40px; margin-left:350px;z-index: -100;">Week Three</h1>
</div>
<div id="gif">
<iframe src="https://giphy.com/embed/l41m4rC9j8kMjXB0k" width="300px" height="300px" style="" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
</div>
我想得到的解决方案是告诉我需要更改或添加什么才能使整个图像和div(包括带有阴影的部分以及其中的所有内容)可单击以链接到另一页在网站上。
如果在其他地方回答了这个问题,我想知道在哪里。
谢谢您的帮助。