如何在HTML文件中添加图片

在 HTML 文件中添加图片主要是通过  标签来实现

基本语法

 标签是一个空标签，即它没有结束标签，主要通过 src 和 alt 这两个必要属性来插入和描述图片。其基本语法如下：

src：该属性用于指定图片的来源路径，可以是本地文件路径，也可以是网络上的图片地址。

alt：当图片无法正常显示时，alt 属性中的文本会替代图片显示，同时也有助于搜索引擎理解图片内容，提升网页的可访问性。

具体实现方式

1. 使用本地图片

如果你想插入本地计算机中的图片，src 属性的值应该是图片文件的相对路径或绝对路径。

相对路径：假设你的 HTML 文件和图片文件在同一目录下，示例代码如下：

若图片位于 HTML 文件所在目录的子文件夹中，比如在名为 images 的文件夹里，代码如下：

绝对路径：绝对路径是从根目录开始的完整路径。在 Windows 系统中，示例如下：

 在 Linux 或 macOS 系统中，示例如下：

2. 使用网络图片

当你想插入网络上的图片时，src 属性的值应该是该图片的完整 URL 地址。示例代码如下：

其他属性设置

除了 src 和 alt 属性外， 标签还有一些其他常用属性可以对图片进行进一步设置：

width 和 height：用于设置图片的宽度和高度，单位可以是像素（px）或百分比（%）。示例如下：

title：当鼠标悬停在图片上时，会显示 title 属性中的文本，起到提示作用。示例如下：