HTML的img标签
HTML img标签
HTML img标签用于向网页插入图像。img标签没有闭合标签,因此应该将其始终添加到img标签的结束标记中。
语法
以下是img标签的语法:
<img src="url" alt="alternativetext">
属性
img标签有以下属性:
- src:定义图像的URL地址。
- alt:定义图像的替代文本,当图像无法显示时,替代文本将用于告诉用户缺少什么。此属性是必需的,因为它有助于访问性。
- height:定义图像的高度。
- width:定义图像的宽度。
- usemap:定义图像地图的名称。
- ismap:定义图像是否为服务端图像映射。
使用实例
以下是使用img标签插入图像的示例:
<img src="example.jpg" alt="example image">
在这个例子中,图像文件名是example.jpg并且它位于与HTML文件相同的目录中。alt属性定义了当图像无法显示时要显示的文本。
以下是一个使用height和width属性定义图像大小的示例:
<img src="example.jpg" alt="example image" height="100" width="100">
图像地图
使用图像地图,您可以通过指定图像的不同部分来创建可单击区域。要创建图像地图,您可以在img标签中使用usemap属性,其值应该是地图名称的开始部分,如示例所示:
<img src="example.jpg" alt="example image" usemap="#examplemap">
然后,您需要在文档中定义地图。以下是如何定义图像地图:
<map name="examplemap">
<area shape="rect" coords="0,0,100,100" href="#example">
</map>
这将创建一个名为examplemap的地图,其中包含一个单击区域,该区域具有矩形形状,大小为100 x 100,并指向一个标题为“example”的链接。
总结
img标签用于向HTML文件中插入图像,它包含src和alt属性。要将图像大小设置为特定尺寸,请使用height和width属性。地图用于创建可单击区域,其中包含超链接。对于辅助功能,alt属性对于将图像的含义传达给屏幕阅读器是非常重要的。