英雄联盟亚索精彩集锦:学习笔记——HTML相对路径(Relative Path)和绝对路径(Absolute Path)

             多福老人欢迎您
地址：http://qwp43.360doc.com

参考来源：www.BlaBla.cn 布啦布啦网页教程与代码
http://www.blabla.cn/html_tutorials/022_html_path.html
HTML 教程与实例代码
HTML 教程
HTML 基本概念
HTML 基础 Tag
HTML 常用格式
HTML 特殊字符
HTML 超链接 (Hyperlinks)
HTML 相对路径和绝对路径
HTML 表格 (Tables)
HTML 框架 (Frames)
HTML 列表 (Lists)
HTML 表单 (Forms)
HTML 图片 (Images)
HTML 字体 (Fonts)
HTML 背景颜色和图片
HTML 头部信息 (Head)
HTML 代码实例
HTML 参考
HTML 知识库
（六）HTML相对路径(Relative Path)
和绝对路径(Absolute Path)
学习笔记
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外
一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......
(相关教程：HTML超链接；HTML图片)
如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法
浏览链接文件，或无法显示插入的图片等)。
为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。
HTML有2种路径的写法：相对路径和绝对路径。
HTML相对路径(Relative Path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里，直接写引用文件名即可。
我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
即
引入的文件名
如何表示上级目录
../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html
在info.html（下一级目录）加入index.html（本目录）超链接的代码应该这样写：
index.html
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\index.html
在info.html（下两级目录）加入index.html（本目录）超链接的代码应该这样写：
index.html
上级目录不同的同级目录情况
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\wowstory\index.html
在info.html   加入index.html   超链接的代码应该这样写：
index.html
如何表示下级目录
引用下级目录的文件，直接写下级目录文件的路径即可。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
HTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。
假设你注册了域名www.blabla.cn，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，
比如www，这个www就是你网站的根目录。
假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： http://www.blabla.cn/index.html。
假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件index.html，这个文件的
绝对路径就是http://www.blabla.cn/html_tutorials/index.html。