如何在网页中使用图片?


若要在网页中使用图片,请使用 <img> 标签。该标签允许你添加图片源、替代文字、宽度、高度等内容。替代文字是可选文本属性,当图片加载失败时,将显示这条文字。

属性如下 -

属性
说明
Alt
图片的可选文字
Height
图片的高度
Ismap
将图片作为服务器端图像映射
Longdesc
指向图片详细说明的 URL
Src
图片的 URL
Usemap
将图片作为客户端图像映射
Width
图片的宽度

请记住 <img> 标签没有结束标签。

示例

你可以尝试运行以下代码,在 HTML 网页中使用图片

在线试用

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img tag</title>
   </head>
   <body>
      <h1>Tutorialspoint</h1>
      <h2>Simply Easy Learning</h2>
      <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100">
   </body>
</html>

更新于: 2020-06-15

1 千余次浏览

开启你的事业

通过完成课程获得认证

开始学习
广告