《HTML教程》_1.3教学材料.pptxVIP

1.3.1资源路径所谓路径就是能够从当前工作目录找到目标资源的目录结构。分为两种路径：一种是绝对路径，另一种是相对路径。绝对路径是完整的URL地址，加上站内地址，如果是磁盘文件，则是从盘符开始，一直到资源文件所在的位置所经过的所有目录连接而成。绝对路径缺乏灵活性，所以一般采用相对路径进行表示。

相对路径有三种不同的表示方法，分别表示不同的路径（注意下面的路径表示均不包括双引号“”）[2]：◆“./”或者“资源名”——表示当前目录；◆“../”——表示上一层目录；◆“/”——表示根目录。

假定有以下结构的目录结构，如下图所示。图E盘上的目录结构

在上述目录结构中，如果Listing1-7.html要访问Listing1-6.html，则可以使用如下的相对路径：ahref=Listing1-6.html清单1-6/a或者ahref=./Listing1-6.html清单1-6/a即访问当前目录中的文件。

如果Listing1-7.html要访问images目录下的flower.jpg文件，则使用如下的相对路径：imgsrc=images/flower.jpg/即访问当前目录下的某个目录中的文件。

假如在test.html中要访问E盘根目录下的images文件夹中的flower.jpg文件，则可以使用如下的相对路径：imgsrc=/images/flower.jpg/img即访问根目录下某个文件夹中的文件。

需要说明的是，无论使用哪种相对路径，都是以当前文件所在的目录——即工作目录——为出发点的！如test.html访问根目录下images目录中的flower.jpg文件，因为test.html文件在E盘的某个目录下，所以根目录就是指的E盘根目录，而不是其他盘中的根目录。

相对路径对于网页制作有着十分重要的意义，它涉及能否有效访问资源的问题。请各位读者要仔细理解并掌握这部分内容。

1.3.2a标记HTML本身就是一种超文本链接语言，链接标记a是十分重要的。它可以是文本，也可以是一幅图像，只要单击这个文本或图像就可以链接到新的网页，使得用户可以在多个相关的网页之间进行跳转浏览。

使用a标记创建超级链接，可以包含3个属性：href属性、name属性和target属性。★href属性用于指向链接的目标地址；★name属性也用于指向链接的目标地址，不过是本网页内部的一个位置，可以称为锚点；★target属性用于指标目标页面的打开位置

target属性可选的属性值有以下几个，如表1-4所示。表1-4target属性值属性值说明_self在本窗口打开，为默认值。_blank在新的浏览器窗口打开。_parent将目标文件载入到父框架中。_top将目标文件载入到顶层窗口，并删除所有框架。

由于现代网页设计不推荐使用框架，所以后两个属性值使用的比较少。target属性为可选属性，即创建超级链接时可以没有该属性，此时目标页面在本窗口中打开。

创建超级链接的语法非常简单：ahref=”目标地址”链接文本或图像/a或者aname=”锚点名称”提示信息/a其中，目标地址即可以站内地址，也可以是站外地址。锚点即可以本网页内的位置也可以是其他网页中的指定位置。

下面我们通过一个例子说明如何创建各种超级链接。示例代码如清单1-7所示。从该实例开始，为了节约篇幅，只给出关键代码，完整代码可在源代码中找到（下同）。

清单1-7各种超级链接ahref=Listing1-6.htmlaccesskey=a清单1-6/aahref=/html/html_links.asp#tips其他网页中的锚点/aahref=/ target=_blankHTML可参考w3school/aaname=top/adivstyle=border:1pxsolidred;height:2048px/divahref=#top返回顶端/aahref=mailto:454817856@邮件链接/aahref=javascript:alert(确定要删除吗？)删除/a

代码说明如下图：

第一个“清单1-6”的超级链接是指向站内的链接，由于没有指定target属性，所以采用默认的_self属性值，因此单击该链接，会在当前窗口中打开Listing1-6.html文件，即目标文件把原来的网页取而代之。

需要说明的是，此处的Listing1-6.html和当前网页应该在同一目录下，否则找不到目标网页Listing1-6.html。言外之意也就是说，站内的超级链接之间引用的路径必须正确，站外链接的域名和路径都必须正确，否则将找不到目标网页。所有需要访问资源的地方都会涉及路径问题