当前位置:首页 > 行业动态 > 正文

html如何添加本地图片

在HTML中,可以使用<img>标签来添加本地图片,具体操作如下:

1、确保你的图片文件(如:example.jpg)已经放在与HTML文件相同的目录下。

2、在HTML文件中,使用<img>标签,并设置src属性为图片文件的相对路径或绝对路径。

<!DOCTYPE html>
<html>
<head>
    <title>添加本地图片示例</title>
</head>
<body>
    <h1>添加本地图片示例</h1>
    <p>请查看下面的图片:</p>
    <img src="example.jpg" alt="示例图片">
</body>
</html>

在这个例子中,<img>标签的src属性设置为example.jpg,表示图片文件位于与HTML文件相同的目录下。alt属性是一个可选的属性,用于提供图片无法显示时的替代文本,有助于搜索引擎优化和无障碍访问。

0