如何链接图像并定位新窗口

时间:2010-06-29 10:30:42

标签: html

我有一张图片,如果我点击该图片,我该如何构建图片参考,以便在我的浏览器的新标签或新窗口中打开另一页显示图片?

7 个答案:

答案 0 :(得分:40)

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

答案 1 :(得分:10)

如果您使用脚本导航到该页面,请使用open方法与目标_blank打开一个新窗口/标签:

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

但是,如果您希望搜索引擎找到该页面,您应该将图像包装在常规链接中。

答案 2 :(得分:5)

你可以这样做

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

找到这个页面

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

goreb

答案 3 :(得分: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>

参见代码

答案 4 :(得分:4)

假设您要显示50x50像素的图像缩略图并链接到您可以执行的实际图像

<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

答案 5 :(得分:1)

要在新标签页中使用:

target = "_blank"

要在同一标签中打开,请使用:

target = "_self"

答案 6 :(得分:-1)

设置它的目标=“_空白”