img中什么属性用于指定图像文件的路径和文件名

img中什么属性用于指定图像文件的路径和文件名,第1张

1. img中的src属性用于指定图像文件的路径和文件名。

2. src是source的缩写,表示资源的来源,可以是本地文件或网银亩络资源。

3. 例锋森森如: <img src="images/picture.jpg" alt="A picture">表示将春州图片文件picture.jpg从images文件夹中加载,并在图片无法显示时显示"A picture"。

<img src="http://img.baidu.com/img/logo-zhidao.gif" alt="">

例如百度的logo, http://img.baidu.com 是百度的图片域名。 img是图片文件夹的名称。logo-zhidao.gif 是图片名。

普通的小网站通常图片和网站在同一域名下,所以一般就写 "img/logo-zhidao.gif" 就可以了。如果写成"/img/logo-zhidao.gif"就是绝对路径,通常不这么写。

.a{background-image:url(图片路径)}

图片路径可以是绝对路径、根相对路径和文档慎罩相对路径

绝对路径是包括服务器协议的完全路径,比如“百度主页”,完全路径为:http://www.baidu.com/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。

相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。

根相对路径(也称相对跟目录)的路径以“/”开头,路径是从当前伍庆站点的根目录开始计算。比如我们前面建的D盘myweb目录腔孝握就是名为“myweb”的站点,这时“/index.htm” 路径,就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件,这样即使站点中的文件被移动了,其链接仍可以生效。

文档相对路径就是指包含当前文档的文件夹,也就是以当前网页所在文件夹为基础开始计算路径。比如,当前网页所在位置为 D:\myweb\mypic,那么:

“a.htm”就表示 D:\myweb\mypic\a.htm;

“../a.htm”相当于 D:\myweb\a.htm,其中“../”表示当前文件夹上一级文件夹。

“img/a.gif”是指 D:\myweb\mypic\img\a.gif,其中“img/”意思是当前文件夹下名为 img 文件夹。

文档相对路径是最简单的路径,一般多用于链接保存在同一文件夹中的文档。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11995782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存