HTML文档和文档中链接的文件的相对位置不同 ，<a>元素里的href的值会有什么变化？
此例中各个文件的关系：luonge文件夹是about,beverages,lounge.html三个文件的父亲，是direction.html的爷爷。about是direction.html的父亲。lounge.html是direction.html的叔叔。
第一个类型，往下找
让我们跟踪下路径：
要从"lounge.html"文件到"elixir.html"文件，我们需要先到”beverages"文件夹中，然后在这个文件夹中找到"elixir.html"文件。（注意："lounge.html"文件直接跨过了它的父文件夹lounge。我的理解是，"lounge.html"直接代表了它的父文件夹lounge）
创建一个能代表这个路径的href
第二个类型，往上找
跟踪下路径：
要从"direction.html"文件到"lounge.html"文件,我们首先需要到上面的”lounge”文件夹，然后直接找到"lounge.html"文件。（direction.html代表了了它的父文件about）
创建一个能代表这个路径的href
. . 代表about文件的父文件luonge,如果往上还有父文件，那用 ../..表示。
总之，. . 表示父文件。
