html中怎么加img路径


本文摘自PHP中文网,作者青灯夜游,侵删。

在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。

语法

1

<img src="URL">

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

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

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

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

1

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

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

1

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

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

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

1

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

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

1

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

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

1

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

扩展资料:

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

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

1

2

//绝对路径,指向一个因特网文件的完整 URL

<img src="http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

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

1

2

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:

<img src="/images/picture.jpg" alt="flower">

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

以上就是html中怎么加img路径的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html在两个div标签中间画一条竖线的代码

Html阻止iframe跳转页面并使用iframe在页面内嵌微信网页版详解

Html css js 区别是什么

如何使用Html实现流星雨的效果(代码)

css隐藏移动端滚动条并平滑滚动(代码示例)

Html如何使用css

Html怎样使用style添加属性

如何使用css设计出一个表单页面(附示例)

Html创建canvas画布生成图片

Html怎么隐藏样式

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...