在 HTML 页面中，要想显示一张图片，需要使用 标签。而在展示图片时，就需要在该标签中指定图片的路径。
图片路径的种类
在 HTML 中，图片路径可分为以下三种：
1. 绝对路径：即包含完整 URL 地址的路径，可以是本地文件地址或者网络地址。例如：
2. 相对路径：即相对于当前 HTML 文件的路径。如下图所示，假设我们的网站有以下目录结构：
- index.html
- images
- pic.jpg
如果我们在 index.html 中想要引用 pic.jpg 这张图片，代码应该如下所示：
这里的 . 表示 “当前目录”，可以找到 images 文件夹并访问其中的 pic.jpg。
3. Base64 编码：将图片转换成 Base64 编码字符串后直接嵌入 HTML 页面中。如下所示：
应用示例
下面是一个简单的示例，展示如何在 HTML 页面中添加图片：
Example
这是一个标题
这是一个段落。
在以上代码中，我们使用了相对路径来引用 pic.jpg 这张图片。如果你想要尝试使用其他类型的路径，可以自行修改 标签中的 src 属性值。
HTML 图片路径分为绝对路径、相对路径和 Base64 编码三种类型。开发者可以根据实际需要选择合适的路径类型，在 HTML 页面中展示想要的图片。