在计算机查找网页文档时,计算机需要明确该网页文档所在位置。我们把网页文档所在的位置称为路径。网页中的路径分为绝对路径和相对路径两种,具体介绍如下:
(1)绝对路径
绝对路径就是网页上的文档或目录在盘符(即C盘、D盘等)中的真正路径,例如“D:\案例源码\chapter02limagesbannerl.jpg”就是一个盘符中的绝对路径。再如完整的网络地址
"http://www.zcool.com.cn/images/logo.gif"。
(2)相对路径
相对路径就是相对于当前文档的路径。相对路径没有盘符,通常是以HTML网页文档为起点,通过层级关系描述目标图像的位置。相对路径的设置分为以下三种。
·图像和HTML.文档位于同一文件夹:设置相对路径时,只需输入图像的名称即可,例如<img sre="logo.gif" />
·图像位于HTML.文档的下一级文件夹:设置相对路径时,输入文件夹名和图像名,之间用“/”隔开,例如<img sre="img/img01/logo.gif”/>
·图像位于HTML.文档的上一级文件夹:设置相对路径时,在图像名之前加入“./”,如果是上两级,则需要使用“././”,依此类推,例如<img sre=”../logo.gif”/>
值得一提的是,网页中并不推荐使用绝对路径,因为网页制作完成之后我们需要将所有的文档上传到服务器。因此很有可能不存在“D:\案例源码\chapter02\images\bannerl.jpg”这样一个很精准的路径,网页也就无法正常显示图像。