如何超链接图像
问题描述：
我想超链接图像，但我如何添加一个href标签的图像？如何超链接图像
<div class="laptop">
<img class='report' src="http://testtest/Report1.png"/>
当报告显示时，您可以点击它并转到该网站。
h1{
font-family: Arial Rounded MT Bold;
font-size: 33px;
color: #0F4194;
float: left;
margin: 50px 0px 15px 700px;
}
.laptop{
width:1024px;
height:661px;
float: center;
margin-right: -150px;
background: url('http://mlamannadev.com/Images/Laptop2.png');
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
width: 1024px;
z-index:4;
}
.report{
position:absolute;
animation:round 16s infinite;
opacity:0;
z-index:-1;
margin-left: auto;
margin-right: auto;
display: block;
}
@keyframes round{
25%{opacity:1;}
40%{opacity:0;}
}
img:nth-child(4){animation-delay:0s;}
img:nth-child(3){animation-delay:4s;}
img:nth-child(2){animation-delay:8s;}
img:nth-child(1){animation-delay:12s;}<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1><center>Service Driven, Customer-Centric Solutions,
<br>
Empowered by Innovation.</center></h1>
<div class="laptop">
<img class='report' src="http://mlamannadev.com/Images/Report1.png"/>
<img class='report' src="http://mlamannadev.com/Images/Report2.png"/>
<img class='report' src="http://mlamannadev.com/Images/Report3.png"/>
<img class='report' src="http://mlamannadev.com/Images/Report2.png"/>
</div>
</body>
</html>
答
广场的<a>标签内的<img>标签，并提供href。
<a href="/link/to/site">
<img src="" />
</a>
答
正如在评论中提到别人要围绕图像中的锚<a>标签和href属性，你会正常的超链接应用到定位标记。
这是直接从Carlton提到的W3学校链接代码。
<p>
An image as a link:
<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
</p>
+0
我想通了前一段时间，但忘了岗位：https://codepen.io/mclamanna/pen/ZKearq – mlamanna
将img标签放入锚标签中，并将href放置在锚上。 ''
把 –
csmckelvey
图像的链接里面，看看https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_image – Carlton
欢迎*上，mlamanna！将来，如果您提供了一个已经尝试过的代码样本，以及您获得了什么结果，您将获得最佳结果。 – DWRoelands