HTML 插入图片（简单易懂较详细）

在 HTML 中，插入图片是通过 <img> 标签实现的。<img> 标签是一个空标签，意味着它不需要闭合标签。以下是插入图片的基本语法和常用属性的详细讲解。

一、基本语法

<img src="图片路径" alt="替代文本">

• src：指定图片的路径，可以是相对路径或绝对路径。
• alt：为图片提供替代文本，用于无障碍访问和 SEO。

二、常用属性

1. src

src 属性用于指定图片的路径。路径可以是相对路径（相对于当前页面的路径）或绝对路径（完整的 URL）。

<img src="images/example.jpg" alt="示例图片"> <!-- 相对路径 -->
<img src="https://www.example.com/images/example.jpg" alt="示例图片"> <!-- 绝对路径 -->

2. alt

alt 属性为图片提供替代文本，用于无障碍访问和 SEO。如果图片无法加载，浏览器会显示 alt 属性中的文本。

<img src="images/example.jpg" alt="示例图片">

3. width 和 height

width 和 height 属性用于指定图片的宽度和高度。这些属性可