HTML中的img标签属性

2022-08-30 09:09:53
1056次极悦

描述

HTML<img> 标签用于将图像放入 HTML 文档中。这将产生以下结果

例子

<!DOCTYPE html>
<html>
   <head>
      <title>HTML  Tag</title>
   </head>
   <body>
      <img src = "http://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body>
</html>

这将产生以下结果

特定属性

HTML <img>标签还支持以下附加属性

属性	价值	描述
对齐	上下中左右	不推荐使用- 指定图像的对齐方式。
alt	文本	指定替代文本
边界	像素	不推荐使用- 指定图像边框的宽度。
跨域	匿名使用凭证	它允许来自允许跨域访问的第三方站点的图像与画布一起重用。
高度	像素或%	指定图像的高度。
空间	像素	不推荐使用- 要插入到对象左侧和右侧的空白量。
地图	网址	将图像定义为服务器端图像映射。
长笛	文本	不推荐使用- 指定长描述的 URI/URL - 这可以详细说明使用 alt 属性指定的较短描述。
源代码	网址	图片的网址
使用地图	#地图名称	将图像定义为客户端图像映射并与 <map> 和 <area> 标签一起使用。
虚拟空间	像素	已弃用- 要插入到对象顶部和底部的空白量。
宽度	像素或%	以像素或 % 为单位设置图像的宽度。