在html中的img标签中,可以利用“src”属性来添加img图片路径,它用于指定图像的URL,语法“<img src="URL">”。URL可以是相对路径,例“../image/*jpg/”;也可是绝对路径,即指向图片文件的完整URL。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML <img>标签

<img> 标签定义 HTML 页面中的图像。

注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

HTML <img> src 属性

img 标签的 src 属性是必需的。它规定图像的 URL。

语法

<img src="URL">

注意:当一个网页加载时,浏览器从 Web 服务器上获取图像,并把它插入到页面中。因此,确保图像与相关的网页在同一点,否则访问者可能会得到一个损坏的链接图标。如果浏览器找不到图像时,会显示损坏的链接图标。

【推荐教程:《html视频教程》】

HTML中<img src=""/>图片路径的使用方式

1、*html文件跟*.jpg文件(f盘)在不同目录下:

<img src="file:///f:/*jpg" width="300" height="120"/>

2、*.html文件跟*.jpg图片在相同目录下:

<img src=".jpg" width="300" height="120"/>

3、*.html文件跟*.jpg图片在不同目录下:

a、图片*.jpg在image文件夹中,*html跟image在同一目录下:

 <img src="image/*jpg/"width="300" height="120"/>

b、图片*jpg在image文件夹中,*html在connage文件夹中,image跟connage在同一目录下:

<img src="../image/*jpg/"width="300" height="120"/>

4、如果图片来源于网络,那么写绝对路径:

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

扩展资料:

绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符(根目录)开始的路径。

完整的描述文件位置的路径就是绝对路径,以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个目录或文件的路径,由一系列连续的目录组成,中间用斜线分隔,直到要指定的目录或文件,路径中的最后一个名称即为要指向的目录或文件。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

//绝对路径,指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。HTML绝对路径(absolute path)指带域名的文件的完整路径。

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:
<img src="/images/picture.jpg" alt="flower">

更多编程相关知识,请访问:编程视频!!

以上就是html中怎么加img路径的详细内容,转载自php中文网

点赞(647) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部