如何在 HTML 中显示图像?


在 HTML 中使用 <img> 标签来显示图像。以下是属性:-

属性

描述
Align
top
bottom
middle
left
right
已弃用 - 指定图像的对齐方式。
Alt
text
指定备用文本
Border
像素
已弃用 - 指定图像边框的宽度。
crossorigin
anonymous use-credentials
它允许从允许跨源访问的第三方站点获取的图像与画布一起重复使用。
Height
像素或 %
指定图像的高度。
hspace
像素
已弃用 - 要在对象左右插入的空白量。
Ismap
URL
将图像定义为服务器端图像映射。
Longdesc
text
已弃用 - 指定长描述的 URI/URL - 这可以详细说明使用 alt 属性指定的较短描述。
Src
URL
图像的 URL
Usemap
#mapname
将图像定义为客户端图像映射,并与 <map> 和 <area> 标签一起使用。
Vspace
像素
已弃用 - 要在对象的顶部和底部插入的空白量。
Width
像素或 %
以像素或 % 设置图像的宽度。

示例

您可以尝试运行以下代码将图像添加到网页文档中:-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>
   <body>
      <img src = "https://tutorialspoint.com/html5/images/html5-mini-logo.jpg"
      alt = "Learn HTML5" height = "250" width = "270" />
   </body>
</html>

更新于: 2020年5月30日

8K+ 阅读量

启动你的 职业生涯

通过完成课程获得认证

开始学习
广告