<img src="picture.jpg"> 

<img src="images/picture.jpg"> 

<img src="/images/picture.jpg">

<img src="../picture.jpg">

引用外部文件(如超链接或者插入图片)时，经常会遇到我们的页面文件跟要引用的目标文件不在同一目录下的情况，这个时候，就带来了文件引用路径的问题。通常情况下，我们将引用的路径分为两种情况，绝对路径和相对路径。

绝对路径

• 概念

绝对路径是指文件在硬盘上真正存在的路径，即物理路径。例如“bg.jpg”这个图片是存放在硬盘的“D:\work\code\imgs”目录下，那么， “bg.jpg”这个图片的绝对路径就是：

<img src="D:\work\code\imgs\bg.jpg" >

• 应用

通常我们使用绝对路径，更多应用是在定位网络资源上，

如：https://image.so.com/i?ie=utf-8&src=hao_360so&q=%E6%95%85%E5%AE%AB%E7%BB%9D%E7%BE%8E%E9%9B%AA%E6%99%AF

• 使用绝对路径的缺点

在实际开发中，我们很少会使用绝对路径，如果使用“D:\work\code\imgs\bg.jpg”来指定背景图片的位置，在自己的计算机上 浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的D盘， 有可能是E盘或H盘。即使放在Web服务器的D盘里，Web服务器的E盘里也不一定会存在“D:\work\code\imgs\bg.jpg”这个目录，因此在浏览网页时是不会显示图片的

相对路径

为了不同设备存放路径不一致的这种情况，通常在网页中指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于当前文件的位置。关于相对路径，有以下三种情况：

• 同级查找

当图像文件和HTML文件位于同一文件夹时，只需输入图像文件的名称即可，如：

<img src="1.png">

• 查找下一级

当图像文件位于HTML文件的下一级文件夹，输入文件夹名和文件名，之间用“/”隔开，如：

<img src="img/2.png">

• 查找上一级

当图像文件位于HTML文件的上一级文件夹，在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如：

<im background="../img/0.png">

• 件版本：
• 软件大小：
• 软件授权：
• 适用平台：
• http://dl.pconline.com.cn/download/381807.html

如果制作一个目录网页，将某一网页上的链接内容都以目录的形式显示出来，通过该目录很容易找到需要的内容，这样既便于浏览者访问，也给我们维护站点提供了方便。在FrontPage XP中我们可以轻松打造网站的结构目录，效果非常好。

一、 创建结构导航目录

在FrontPage中可以使用插入目录组件的方法来创建目录。创建时首先单击程序界面左侧的“导航”选项，切换到“导航”视图窗口中，随后在“导航”窗口中右键单击“首页”图标，在弹出的快捷菜单中选择“新建-网页”命令，随后新建一个网页，并将它命名为“目录”。

切换到“网页”视图下，打开“目录”网页，单击“插入”菜单中“Web组件”命令。打开“Web组件”对话框，在“组件类型”列表中选择“目录”，在“选择目录”项下选择“该Web站点”。单击“完成”按钮，弹出“目录属性”对话框。其中在“目录初始点的网页”文本框中输入要用作目录起点的网页名称，或者单击“浏览”查找需要的网页。在此用户可以指定某个文件夹中的一个网页，目录将会自动找到该网页上所有的超链接所链接的网页。如果要为整个网站创建目录，在此输入首页地址。在“选项”区中按照要求选择网页的显示方式。

单击“确定”按钮即可在当前网页生成一份指定的网页或站点的目录

提示：如果要在起始点所在的网页上创建目录，则目录标题将会是指向同一网页的超链接。例如，如果要在网页 Index.htm上创建目录，而起始点是 Index.htm(同一网页)，则目录的标题将会是指向 Index.htm 的超链接。如果希望不包括目录标题这样的循环超链接，在“标题字号”框中选择“无”。

二、创建类别目录

在FrontPage中，用户可以对站点中的网页进行归类，然后基于网页类别创建目录。使用类别的好处是管理方便，在第一次设置完成后，若有其他文件添加入该类别中，只要经过简单的设置，即可加入新的目录中。

创建时在“文件夹”视图下，按下键盘上的“CTRL”键，选中需要分为同一类别的文件，单击右键，在打开的右键菜单中选择“属性”命令，打开“属性”对话框

然后在“可用类别”列表中勾选该文件所在的属类别，单击右侧的“类别”按钮，打开“主类别列表”对话框，在“新建类别”文本框中输入新建类别的名称，单击“添加”按钮添加到类别中。单击“确定”按钮完成。

切换到“网页”视图打开一个网页，单击“插入”菜单中的“Web组件”命令，打开“插入Web组件”对话框。从“组件类型”列表框中选择“目录”选项，再从“选择目录”列表框中选择“基于网页类别”选项。

单击“完成”按钮，打开“类别属性”对话框，在此选择文件所在的类别。随后在“文件排序依据”框中选择一种文件排序的依据。如果希望按标题的字母顺序对列表进行排序，在此选择“文档标题”;如果希望按文件日期对列表进行排序，选择“上一次修改日期”;单击“确定”按钮，即可生产需要类别的网页目录，单击“用浏览器预览”可以测试目录。