在html中如果图片的位置和html文件位置不同,怎么设置图片路径

如题所述

比如:有一个“a”文件夹,里面有“test.html"和”test.jpg"两个文件,test.html中引用test.jpg的话,路径直接写“test.jpg"就行了。

一. 基本概念

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

二. 有关约定

(1) 文本标记语言源程序的文件扩展名默认使用htm或html。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。

(2) HTML源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号“&nbsp(注意此字母必须小写,方可空格)”表示非换行空格,如需换行可以输入<br/>;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。

(3) 标记符中的标记元素用尖括号括起来,如:"<"">",带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即与作用相同,但完整的空格可使用特殊符号“&nbsp(注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。

(4) 标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。

(5) HTML注释由惊叹号表示,注释内容由符结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-02-17
位置有“相对位置”和“绝对位置”,在开发中一般使用相对位置来导入图片资源。
你所说的图片位置与HTML位置不同,应该是说不在同一级目录上,如果这样的话,举个例子:
我有一个“a”文件夹,里面有“test.html"和”test.jpg"两个文件,test.html中引用test.jpg的话,路径直接写“test.jpg"就行了。
好,下面改下:
我有一个“b”文件夹,里面有一个“test.html"文件和一个"c"文件夹,而图片"test.jpg"在“c"文件夹中,此时test.html中引用test.jpg的话,路径应该为”c/test.jpg"或者“./c/test.jpg"。
解释下,”./"是值当前级目录,“../"是上一级目录,”../../"上上级目录。。。。。。追问

是这样的,html文件在c盘,而图片文件在f盘

追答

嗯,这样的话有两个解决方法:
1、将图片或HTML文件移动到统一位置调用
2、通过绝对路径访问(右击图片“属性”找到绝对路径)

本回答被网友采纳
相似回答