HTML 图片标签（）是用于在网页中插入图片的标签，它是 HTML 中常用的标签之一。在本文中，将详细介绍 标签的各种属性以及使用方式。

 

一、基本语法

 

标签是一个空标签，不需要闭合标签。它的基本语法如下：

 

 

其中，src 属性指定图片的 URL，alt 属性指定图片的描述。

 

二、src 属性

 

src 属性用于指定图片的 URL，可以是相对路径或*路径。

 

1. 使用相对路径

 

相对路径是相对于当前 HTML 文件所在的目录来定义图片的位置。例如，如果图片与 HTML 文件在同一目录下，可以直接写图片的文件名：

 

 

如果图片与 HTML 文件不在同一目录下，可以使用相对路径来指定图片的位置。相对路径可以是相对于 HTML 文件所在目录的子目录路径，也可以是相对于 HTML 文件所在目录的父目录路径。

 

例如，如果图片在 HTML 文件所在目录的子目录 images 下，可以这样写：

 

 

如果图片在 HTML 文件所在目录的父目录中，则需要使用 .. 来表示上一级目录：

 

 

2. 使用*路径

 

*路径是指图片的完整 URL 地址。可以是以 http:// 或 https:// 开头的网络地址，也可以是本地文件的*路径。

 

例如，下面是一个网络地址的例子：

 

 

如果要使用本地文件的*路径，可以使用 file:// 协议来指定文件的位置。注意，本地文件的*路径不能直接指定为磁盘上的路径，而应该是通过浏览器来访问该文件的 URL：

 

 

三、alt 属性

 

alt 属性用于指定图片的描述，这个描述将在图片无法加载时显示，或者在用户通过鼠标指向图片时显示。

 

例如，下面是一个指定了 alt 属性的例子：

 

 

四、其他属性

 

除了 src 和 alt 属性之外， 标签还提供许多其他属性，用于控制图像的各种样式和行为。

 

1. width 和 height 属性

 

width 和 height 属性用于指定图片的宽度和高度。可以使用*单位（像素）或相对单位（百分比）来设置尺寸。

 

例如，下面是指定了宽度和高度的例子：

 

 

2. title 属性

 

title 属性用于指定图片的标题，将在用户通过鼠标指向图片时显示。

 

例如，下面是一个指定了 title 属性的例子：

 

 

3. style 属性

 

style 属性用于指定图片的行内样式，可以控制图像的各种样式，例如背景色、边框、填充等。

 

例如，下面是一个指定了样式的例子：

 

 

4. class 和 id 属性

 

class 和 id 属性用于给图片添加样式或标识符，可以通过 CSS 来对其进行样式控制或 JavaScript 来对其进行操作。

 

例如，下面是指定了 class 和 id 属性的例子：

 

 

五、使用示例

 

下面是一个使用 标签的完整示例：

 

HTML 图片标签示例

这是一个示例图片。

 

六、总结

 

通过本文的介绍，我们对 HTML 图片标签的使用方法有了更深入的了解。从基本语法、src 属性、alt 属性、其他属性等方面对该标签进行了详细讲解，并给出了使用示例。

 

希望本文能对您理解和掌握 HTML 图片标签的使用有所帮助。如果有任何疑问，请随时提出。