html页面制作照片加载不出来怎么办（HTML插入照片显示不出来怎么办？）

文章源自略懂百科-http://wswcn.cn/111996.html

文章源自略懂百科-http://wswcn.cn/111996.html

绝对路径 VS 相对路径文章源自略懂百科-http://wswcn.cn/111996.html

在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。文章源自略懂百科-http://wswcn.cn/111996.html

以HTML插入图片为例，网站上插入图片要用到HTML的img标签中的src属性。src即source（来源）的缩写，也就是图片的url（或者说地址、路径）。文章源自略懂百科-http://wswcn.cn/111996.html

HTML绝对路径(Absolute Path)指带域名的文件的完整路径（文件的真正存在的路径）。指从硬盘的根目录(盘符)开始，进行一级级目录指向文件。文章源自略懂百科-http://wswcn.cn/111996.html

这张图就很好的说明了本地的绝对路径含义：文章源自略懂百科-http://wswcn.cn/111996.html

以里面的image2.jpg为例：文章源自略懂百科-http://wswcn.cn/111996.html

其绝对路径是C:\网站1\网站2\image2.jpg。文章源自略懂百科-http://wswcn.cn/111996.html

即从根目录（如上面的C:\）为起点到你所在的目录(如上例中的image2.jpg)。文章源自略懂百科-http://wswcn.cn/111996.html

文章源自略懂百科-http://wswcn.cn/111996.html

HTML相对路径(Relative Path)就是以当前文件为基准进行一级级目录指向被引用的资源文件。同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。文章源自略懂百科-http://wswcn.cn/111996.html

../ 表示当前文件所在的目录的上一级目录文章源自略懂百科-http://wswcn.cn/111996.html

./ 表示当前文件所在的目录(可以省略)文章源自略懂百科-http://wswcn.cn/111996.html

/ 表示当前站点的根目录(域名映射的硬盘目录)文章源自略懂百科-http://wswcn.cn/111996.html

绝对路径的缺点文章源自略懂百科-http://wswcn.cn/111996.html

事实上，在网页编程时，很少会使用绝对路径。文章源自略懂百科-http://wswcn.cn/111996.html

如果使用绝对路径来指定背景图片的位置，在自己的计算机上浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。文章源自略懂百科-http://wswcn.cn/111996.html

注意文章源自略懂百科-http://wswcn.cn/111996.html

相对路径使用/字符作为目录的分隔字符，而绝对路径可以使用\或/字符作为目录的分隔字符。文章源自略懂百科-http://wswcn.cn/111996.html

文章源自略懂百科-http://wswcn.cn/111996.html