如何在 HTML 中将 img 标签的 src 属性设置为系统驱动器中的图片?


要在一个网页上使用图片,可以使用 <img> 标签。该标签允许您添加图片源、alt 属性、宽度、高度等。src 属性用于添加图片 URL。alt 属性是备用文本属性,当图片加载失败时显示的文本。

使用 HTML,可以将图片源设置为系统驱动器的路径。为此,将 src 属性设置为系统驱动器中存储图片的路径的链接。例如,**file:/D:/images/logo.png**

以下是属性

序号属性及描述
1Alt

图片的替代文本
2Height

图片的高度
3Ismap

将图片用作服务器端图像地图
4Longdesc

指向图片详细描述的 URL
5Src

图片的 URL
6Usemap

将图片用作客户端图像地图
7Width

图片的宽度

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

您可以尝试以下代码,将 HTML 中 img 标签的 src 属性设置为系统驱动器中的图片。
注意: 由于路径是本地驱动器,因此此方法仅在本地系统上有效。

<!DOCTYPE html>
<html>
   <head>
      <title>
         HTML img tag
      <title>
   </head>

   <body>
      <img src="file:/D:/images/logo.png" alt="Site Logo" width="50" height="50">
   </body>
</html>

更新于: 2020年1月9日

18K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告