如何在圖像代碼中放置超鏈接？

我試圖使用Instagram圖標作爲超鏈接，以便當您點擊它時，它會直接進入我的Instagram頁面。我在Firefox上對它進行了測試，當我點擊圖標時，它並沒有進入我的Instagram，它只是留下了空白頁面。如何在圖像代碼中放置超鏈接？

<strong><u>Social Media<u></strong><br> 
    <a div class="socialmedia" href="socialmedia"> 
     <img src="images/instagramlogo.png" alt="Instagram" 
     style="width:30px;height:30px; padding-top: 7px;"> 
    </a></p>

我有一個就可以了，這樣我可以在圖標上做了線高度的代碼，所以它不是太靠近「社會化媒體」的文字。

來源

2017-07-03 Anjuman Grewal

[IMG上A HREF鏈接]的可能的複製（https://stackoverflow.com/questions/3779812/a-href-link-on-img） –

您正在嘗試將a與div混合使用。

試試這個：

<div class="socialmedia"> 
<a href="socialmedia"> 
<img src="images/instagramlogo.png" alt="Instagram" 
    style="width:30px;height:30px; padding-top: 7px;"> 
</a> 
</div>

來源

2017-07-03 00:42:24 Difster

*注意，我假設你的href只是一個真實鏈接的佔位符，而不是一個錯誤。 – Difster

你得從你的元素中刪除該分區。一個鏈接是這樣的。

<strong><u>Social Media<u></strong><br> 
    <div div class="socialmedia"> 
    <a href="socialmedia"> 
     <img src="images/instagramlogo.png" alt="Instagram" 
     style="width:30px; height:30px; padding-top:7px;"> 
    </a> 
    </div>

來源

2017-07-03 00:42:55

社會化媒體

style="width:30px;height:30px; padding-top: 7px;">

–

這裏有幾個問題。正如其他人所指出的，你已經將a和div混合在一起。你的標籤，沒有所有的類和屬性，可基本上只是

<a><img></a>

它不會鏈接到任何東西的原因是href - 你需要的是設置爲你的網頁的網址。所以，如果你的Instagram網頁是instagram.com/SomeUserName，你可以這樣做：

<a href="http://instagram.com/SomeUserName" class="socialmedia"> 
    <img src="images/instagramlogo.png" alt="Instagram" 
    style="width:30px; height:30px; padding-top: 7px;"> 
</a>

來源

2017-07-03 00:46:39 jack

在我看來，在「社會化媒體」的鏈接只是一個佔位符不透露到底是什麼，他被鏈接的內容。 – Difster

可能，但沒有理由假設，考慮到這個問題具體是「爲什麼這個鏈接不工作？」。我還沒有測試，但我很確定，即使在'a'標籤上有不正確的'div'屬性，它仍然可以工作，如果它有一個有效的網址。 – jack

它不工作的原因是他混合了他的元素。 – Difster

所有你需要做的是用錨標記放在img標籤。 :)

<a href="javascript:void(0);"><img 
src="img.jpg" alt="image"/></a>

來源

2017-07-03 04:29:17 Greg

如何在圖像代碼中放置超鏈接？

回答

相關問題