如何鏈接圖像並打開一個新窗口

Question

我有一張圖片，如果點擊該圖片，如何構建圖片引用，以便在顯示圖片的新選項卡或新窗口中打開另一個頁面？

Answer 1

設置它的目標=「_空白」

Answer 2

<a href="http://www.google.com" target="_blank"> 
    <img width="220" height="250" border="0" align="center" src=""/> 
</a> 

Answer 3

如果使用腳本來瀏覽網頁，使用open方法與目標_blank打開一個新窗口/標籤：

<img src="..." alt="..." onclick="window.open('anotherpage.html', '_blank');" /> 

但是，如果您希望搜索引擎找到該頁面，則應該將該圖像封裝在常規鏈接中。

Answer 4

你可以像這樣

<a href="http://www.w3c.org/" target="_blank">W3C Home Page</a> 

找到這個網頁

http://www.corelangs.com/html/links/new-window.html 

goreb

Answer 5

<a href="http://www.google.com" target="_blank"> //gives blank window 
<img width="220" height="250" border="0" align="center" src=""/> // show image into new window 
</a> 

看到代碼

Answer 6

假設你要顯示的圖像縮略圖其中是50x50像素和林K將實際的圖像，你可以做

<a href="path/to/image.jpg" alt="Image description" target="_blank" style="display: inline-block; width: 50px; height; 50px; background-image: url('path/to/image.jpg');"></a> 

當然，最好給該鏈接類或ID，並把它放在你的CSS

Answer 7

要在新標籤中使用開：

target = "_blank" 

要在同一選項卡內打開：

target = "_self"