如何在 HTML 中显示图像?


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

属性

描述
Align
top
bottom
middle
left
right
已弃用 - 指定图像的对齐方式。
Alt
文本
指定替代文本
Border
像素
已弃用 - 指定图像边框的宽度。
crossorigin
anonymous use-credentials
它允许来自允许跨源访问的第三方站点的图像与画布一起重用。
Height
像素或 %
指定图像的高度。
hspace
像素
已弃用 - 要在对象左右两侧插入的空白量。
Ismap
URL
将图像定义为服务器端图像映射。
Longdesc
文本
已弃用 - 指定长描述的 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-05-30

8K+ 次浏览

开启您的 职业生涯

通过完成课程获得认证

立即开始
广告