img元素添加图片_

作者：小蓝xlanll | 2024-02-18 20:50:00

踩

img元素添加图片

<img…/>元素只能是一个空元素，不包含内容。该元素可以指定id、class、style等属性，也可以指定onclick等事件属性，此外，使用该元素必须定义以下两个属性：

src：该属性指定图片文件所在的位置，属性值既可以是相对路径，也可以是绝对路径
alt：指定一段文本，作为图片的提示信息。

除此之外还可以指定如下两个可选属性：

height：指定图片高度
width：指定图片宽度

与图片相关的其他元素：

<map>：用于定义图片映射。将一张图分成不同的区域，创造多个超链接，点击不同区域跳转到不同的页面。
<area>：用于定义图片映射的内部区域，可以指定id、class、style等通用属性，也可以指定onclick等事件属性，
还可以指定onfocus、onblur等焦点相关属性：
	shape：定义内部区域是那种区域，默认值是rect（矩形），还可以是circle、poly（多边形）
	coords：指定多个坐标，用于确定位置，circle用3个坐标，rect用四个
	herf：用于跳转到想要跳转到的界面
	alt：图片的提示信息
	target：指定使用框架集中的哪个框架来装载另一个资源
1
2
3
4
5
6
7
8

<body>
	<h4>定义图片，使用指定的图片映射</h4>
	<img src="hbu.png" width="300" height="120" 
         border="0" usemap="#test" alt="疯狂的Javalogo" /></br>
	<map name="test" id="test">
		<area shape="circle" coords="57,55,25" 
              href="http://www.fkjava.org" alt="leegang.org"/>
	</map>
	<!--p29清单敲一遍--> 
	<a href="#" ><img src="hbu.png" ismap /></a><br>
</body>

1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/110477