首先，让我们看看img标签的定义：

图片也是网页中最常见的html元素，是非常重要的一部分。在html网页中，图像是由img标签定义的。img是一个空的html标记或单个标记，它只包含属性，但不包含封闭标记。

img标签的src属性定义：

需要img标记的src属性。它的值是图像文件的URL，即引用图像的文件的路径或相对路径。

提示：为了组织文档的存储，作者通常将图像文件存储在单独的文件夹中，并且通常将这些目录命名为“图片”或“图像”。在W3School在线教程中，我们的工程师将大多数常用图像存储在一个名为“I”的文件夹中，I是“图像”的缩写。这样做的好处是可以更大程度的简化路径。

src属性是导入图片的地址，没有它img标签就没有意义。

HTMLimg标记的src属性的格式：

Imgsrc='图片地址' alt='图片描述'

描述：图像地址：存储图像的位置；图片描述：对图片含义的描述。如果图片无法显示，将显示描述。

使用HTMLimg标记的src属性的说明：

直接给src属性服务器端资源的地址，img控件会自动获取并解析资源。

图片和超文本标记语言文本在同一个目录中：例如，index.html和img.jpg

Written: imgsrc='img.jpg '

图片和HTML不在同一个目录下：有两种情况：

1.图片img.jpg在图片文件夹中，index.html和图片文件夹在同一个目录中

写作：imgsrc='images/img.jpg '

2.图片img.jpg在图片文件夹中，index.html在控制器文件夹中，图片和控制器文件夹在同一个目录中

书写：imgsrc='./images/img.jpg '

如果来源来自互联网，您必须使用路径

作者：img src=' http://www.php.cn/pic/img.jpg'

如果没有图片，浏览器将以alt显示文本。

img src=' lib/img/imgdef . png ' alt='目前没有图片'/

img :中src属性图片路径的使用

1.html文件和*。jpg文件(f磁盘)位于不同的目录中：

img src=' file :///f :/* jpg ' width=' 300 ' height=' 120 '/

2.html文件与*在同一个目录中。jpg图片：

imgsrc='。jpg ' width=' 300 ' height=' 120 '/；

3.html文件和*。jpg图片位于不同的目录中：

A.图片*。jpg在image文件夹中，*html与image在同一个目录中：

img src=' image/* jpg/' width=' 300 ' height=' 120 '/

B.图片*jpg在image文件夹，* htmlin connage文件夹，image与connage在同一个目录：

imgsrc='./image/* jpg/' width=' 300 ' height=' 120 '/

4.如果图片来自网络，写路径：

img src=' http://image . PHP.cn/pcindexhot '/width=' 300 ' height=' 120 '/

本文转载自中文网站