img元素添加图片

最新推荐文章于 2024-08-07 16:35:10 发布

majic_Jing

最新推荐文章于 2024-08-07 16:35:10 发布

阅读量729

点赞数

文章标签： img html

本文链接：https://blog.csdn.net/majic_Jing/article/details/101115388

版权

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：指定使用框架集中的哪个框架来装载另一个资源

<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>