如何将系统驱动器中的 src 设置为 html 中的 img 标签?

javascriptweb developmentfront end scripts

要在网页上使用图像,请使用 <img> 标签。该标签允许您添加图像源、alt、宽度、高度等。src 用于添加图像 URL。alt 是替代文本属性,即图像加载失败时可见的文本。

使用 HTML,将图像源添加为系统驱动器的路径。为此,将 src 属性添加为指向存储图像的系统驱动器路径的链接。例如,file:/D:/images/logo.png

以下是属性:

Sr.No.属性 &描述
1Alt

图像的替代文本
2高度

图像的高度
3Ismap

图像作为服务器端图像映射
4Longdesc

图像详细描述的 URL
5Src

图像的 URL
6Usemap

图像作为客户端图像地图
7宽度

图像的宽度

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

您可以尝试以下代码,从系统驱动器将 src 设置为 HTML 中的 img 标签。
注意:这仅适用于您的本地系统,因为路径是您的本地驱动器。

<!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>

相关文章