详解HTML/XHTML中img图像标签的基本用法

当我们在网页中需要插入图片时，我们会使用HTML中的img标签来实现。以下是详解HTML/XHTML中img图像标签的基本用法：

基本语法

<img src="图片路径" alt="替换文本" title="提示文本">

• src: 图片的路径，可以是相对路径或绝对路径。
• alt: 建议性文本替代图片，当图片不能被显示时，该属性的值会被显示出来。
• title: 提示文本，鼠标悬浮于图片上时，显示的提示信息。

示例讲解

示例一：插入本地图片

要插入本地的图片，需要指定图片的相对路径或绝对路径。

<img src="images/pic.jpg" alt="beautiful pictures" title="my picture">

其中，src属性指向本地图片路径，从当前文件夹开始，images/pic.jpg 表示当前文件夹下的images文件夹中的pic.jpg图片。

示例二：插入网络图片

要插入网络上的图片，只需要在src属性中指定图片的url即可：

<img src="http://www.example.com/pic.jpg" alt="beautiful pictures" title="my picture">

其中，src属性指向网络图片地址，"http://www.example.com/pic.jpg" 为网络图片地址。

无论是从本地插入图片还是从网络上插入图片，都是使用img标签来实现。另外，对于图片的替换文本使用alt属性来指定，对于要显示的提示信息，使用title属性来指定。

总结：HTML/XHTML中img图像标签是实现网页中插入图片的标签，其中主要包含了三个属性src、alt、title。其中src属性表示图片路径，可以为本地路径或网络路径；alt属性为描述性文本，用来描述图片，当图片无法显示时会显示该属性中指定的文本；而title属性则是用来添加鼠标悬浮于图片上时的提示信息。