将 URL 链接添加到图片答案

【问题标题】：Adding URL link to a picture将 URL 链接添加到图片
【发布时间】：2018-06-12 21:40:13
【问题描述】：

所以我有这个轮播让我的网站“花哨”。但我想将单个图片链接到点击后应该访问的网站。

以下是我的代码：

<div class="carousel-item active">
 <img class="d-block w-100" src="images/ncaa-bb-banner-1920x500 (1).png" alt="First slide" >
  <div class="carousel-caption d-none d-md-block" >
    <h5 href="sportsevents.php">Sport Events</h5>
  </div>
</div>

我已将href="sportsevents.php" 添加到第一个div、img 和第二个div，但它似乎没有关联。我是不是脑子里放了个屁而错过了什么，还是我应该做些什么？

【问题讨论】：

href 属性在 div 或 h5 上无效。你可能想要一个锚，例如<a>
在每个 carousel-item div 中，创建一个标签容器 ?或者使用 JavaScript，当你点击 div 时添加一个窗口位置？
当然！！！它现在按计划工作。谢谢！

标签： html image hyperlink

【解决方案1】：

你可以这样做并得到想要的结果。

<div class="carousel-item active">
            <a href="sportsevents.php" target="_blank"><img class="d-block w-100" src="images/ncaa-bb-banner-1920x500 (1).png" alt="First slide" ></a>
            <div class="carousel-caption d-none d-md-block" >
              <h5><a href="sportsevents.php" target="_blank">Sport Events</a></h5>
            </div>
          </div>

【讨论】：