Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
669 views
in Technique[技术] by (71.8m points)

hyperlink - How to add link to an image

I am working on a login/register page and i forget that how can i insert a link on a image. Here is my code...

<div class="social-media">
        <ul>
          <li><img src="images/facebook.png"></li>
          <li><img src="images/twitter.png"></li>
          <li><img src="images/linkedin.png"></li>
          <li><img src="images/instagram.png"></li>
        </ul>
      </div>
    </div>

How can i insert a link....

question from:https://stackoverflow.com/questions/65869127/how-to-add-link-to-an-image

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

You have to use the anchor tag <a> for links in HTML. Since you want an image to act like a link, enclose the <img> tag in the <a> tag like so.

<div class="social-media">
    <ul>
      <li><a href="https://facebook.com"><img src="images/facebook.png"></a></li>
      .....
    </ul>
  </div>
</div>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

2.1m questions

2.1m answers

60 comments

57.0k users

...