计算机网络基础 第5章教案

将

标记用在
标记之间，实现列表的嵌套。

【例2参见5.7】列表嵌套应用，创建如图所示网页。 代码如下：

• 第一章

25

• 第一节
• 第二节
• 第三节
• 第二章

• 第一节
• 第二节
• 第三节

第9,10课时 5.4 超链接

在网页中超链接是最重要的应用之一，它可以将多个单独的网页相互连接在一起而形成一个完整的网站。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画 一、建立超链接

超链接是指允许浏览者与其它资源进行链接的一种网页元素，它由链接源和链接目标两部分组成。

1、建立超链接的标签为和

格式：

说明：

(1) 标签表示一个链接的开始，表示链接的结束；

26

(2)属性“HREF”: 是必选的,用于设置超链接的链接目标。链接目标是指链接到的其它资源，一般为一个URL地址，也可以是同一个网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件等。

(3)TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。

例：

属性值 _blank _self _top 框架名称 含义 将链接目标的内容打开在新的浏览器窗口中 将链接目标的内容显示在当前窗口中(默认值) 将框架中链接目标的内容，显示在没有框架的窗口中。(即去除了框架) 只用于框架网页中，将链接目标的内容打开在“框架名称”的框架中。(框架名称是事先由框架标记命名的) _parent 将链接目标的内容打开在包含链接的父框架页或窗口中 (4) TITLE：该属性用于指定指向链接时所显示的标题文字。 2、链接路径

每一个文件都有自己的存放位置和路径，路径分为绝对路径和相对路径 ①绝对路径：也称为绝对URL，它给出目标文件的完整URL地址，包括传输协议在内。如果要链接的文件位于外部服务器上，则必须使用绝对路径。 如C:\\myfirstweb\\images\\logo.gif http://www.163.com/news/index.html

②相对路径: 也称为相对URL，相对路径又分为根相对路径和文档相对路径 相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。

? 如果链接到同一目录下，则只需输入要链接文件的名称。 ? 要链接到下级目录中的文件。只需先输入目录名，然后加\，再输入文件名。 ? 要链接到上一级目录中文件，则先输入\，再输入文件名。 ? 在绝大多数情况下使用相对路径比较好 相对路径名 herf=\含 义 shouey.html 是本地当前路径下的文件 herf=\shouey.html 是本地当前路径下称做\子目录下的文件 herf=\

shouey.html 是本地当前目录的上一级子目录下的文件 27

herf=\\shouey.html 是本地当前目录的上两级子目录下的文件 ③根路径

? 根相对路径总是以站点根目录“/”为起始目录，然后书写文件夹名，最

后书写文件名。

? 如果根目录要写盘符，就在盘符后使用\\

如：/web/highight/shouey.html d│/web/highight/shouey.html

二、 超链接应用

通常按照链接目标位置的不同，可把超链接分为：本地链接、网络链接、书签链接和电子邮件链接。 1．本地链接(内部链接)

链接目标为本地计算机的不同文件的超链接称为本地链接，本地链接通常用相对路径来表示链接目标的位置，所以又称为相对URL链接。

①以文本作为载体

例如：点击进入第二页 ②以图片作为载体。

例如：

当前页面 被链接页面 超链接代码 2-1.html 3-1.html 3-1.html 1-1.html sy.html 1-1.html 2-1.html sy.html 1-1.html sy.html sy.html

2-1.html 28

• 1
• <<
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• >>
• 29
搜索更多关于： 计算机网络基础 第5章教案 的文档