Question

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

Answer 1

比如：有一个“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注释由惊叹号表示，注释内容由符结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。

Answer 2

位置有“相对位置”和“绝对位置”，在开发中一般使用相对位置来导入图片资源。
你所说的图片位置与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、通过绝对路径访问(右击图片“属性”找到绝对路径)