添加图片的html代码

Question

<div id="ad_text"><table summary="Text Ad" ><tr><td width="25%"><img src="http://www.xiaolw.com/tupian/amoyimg/1.bmp" width="183" height="241"></td><td width="25%"><img src="http://www.xiaolw.com/tupian/amoyimg/2.bmp" width="183" height="241"></td><td width="25%"><img src="http://www.xiaolw.com/tupian/amoyimg/3.bmp" width="183" height="241"></td><td width="25%"><img url="http://www.xiaolw.com" src="http://www.xiaolw.com/tupian/amoyimg/4.bmp" width="183" height="241" > </td></tr>
</table></div>

以上的代码是添加4张图片的代码，我想问的是，怎么添加链接，就是点击图片就能链接到网站，在哪里添加，要4张图片都可以链接不同的网站！！

在线等啊，哪位大哥帮帮我啊？？？？

Answer 1

1、网页中添加图片html代码，使用 <img src="图片地址.jpg">
<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。另外也可以添加高度width 和 高度height alt等属性标签。
比如：<img src="图片地址.jpg" width="300" height="200" alt="图片说明或标题">
2、网页中为图片添加链接，直接为图片添加href。
<a href="链接地址"><img src="图片地址.jpg"></a>
<a> 标签的 href 属性用于指定超链接目标的 URL。
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

Answer 2

将以下代码中的：“链接路径1”－“链接路径4”分别改为你相要连接到的目的位置就可以了。

<div id="ad_text">
<table summary="Text Ad" ><tr><td width="25%">
<a href="链接路径1"><img src="http://www.xiaolw.com/tupian/amoyimg/1.bmp" width="183" height="241"></a></td><td width="25%">
<a href="链接路径2"><img src="http://www.xiaolw.com/tupian/amoyimg/2.bmp" width="183" height="241"></a></td><td width="25%">
<a href="链接路径3"><img src="http://www.xiaolw.com/tupian/amoyimg/3.bmp" width="183" height="241"></a></td><td width="25%">
<a href="链接路径4"><img url="http://www.xiaolw.com" src="http://www.xiaolw.com/tupian/amoyimg/4.bmp" width="183" height="241" ></a> </td></tr>
</table>
</div>

参考资料：经验

Answer 3

你的<img src=....>这一对括号里面是图片的代码，要点击这个图片打开网站的话，使用下面的代码：

<a href=http://网站地址/><img src=...></a>

也就是在你的<img src...>代码外面套一对<a href=...>和</a>，每张图片单独套就可以了。

Answer 4

<a href="链接路径1">
<img src="http://www.xiaolw.com/tupian/amoyimg/1.bmp" width="183" height="241">
</a>
没错，这样就可以啦吧

Answer 5

<img url="http://www.xiaolw.com" src="http://www.xiaolw.com/tupian/amoyimg/4.bmp" width="183" height="241" >

注意到你的img标签有url属性,可以在</div>后面以下代码:

<script language="JavaScript">
<!--
(function()
{
var o=document.getElementById('ad_text').getElementsByTagName('img');for(i=0;i<o.length;i++)
{
x=o[i];s=x.getAttribute('url');if(s&&s.length>9)x.onclick=new Function('window.open("'+s+'");');
}
})();
//-->
</script>