HTML 如何添加图片

在 HTML 中，我们可以使用 <img> 标签来添加图片。下面是一个简单的示例代码：

<img src="图片地址" alt="图片描述">

其中，src 属性表示图片的地址，alt 属性表示图片的描述，这两个属性都是必须的。

图片地址

图片地址可以是相对地址或绝对地址。相对地址表示相对于当前 HTML 文件的路径，绝对地址表示完整的 URL。

相对地址

相对地址有以下几种形式：

• 相对于当前 HTML 文件的路径

  <img src="images/pic.jpg" alt="图片描述">
  

• 相对于网站根目录的路径

  <img src="/images/pic.jpg" alt="图片描述">
  

• 相对于当前 HTML 文件所在目录的上一级目录的路径

  <img src="../images/pic.jpg" alt="图片描述">
  

绝对地址

绝对地址需要使用完整的 URL，例如：

<img src="https://example.com/images/pic.jpg" alt="图片描述">

图片描述

alt 属性用于添加图片的描述，这对于视觉障碍者或网络环境不佳的用户非常重要。同时，alt 属性也可以提高网页的可访问性和搜索引擎优化。

<img src="images/pic.jpg" alt="一只小猫咪在树上">

如果图片无法加载，浏览器会显示 alt 属性的文本内容。