1 / 12

第 5 章第 3 部分 建立超级链接

第 5 章第 3 部分 建立超级链接. 5.1 超链接的建立 5.2 超链接的应用. 结 束. 本 节. 下一页. 上一页. 目 录. 5.1 超链接的建立. 5.1.1 超链接标签 5.1.2 在同一文件中建立链接 5.1.3 不同文件的链接. 结 束. 本 节. 下一页. 上一页. 目 录. 5.2 超链接的应用. 5.2.1 链接其他站点 5.2.2 更改链接的颜色 5.2.3 用链接实现发信. 结 束. 本 节. 下一页. 上一页. 目 录. 5.1.1 超链接标签.

benjy
Download Presentation

第 5 章第 3 部分 建立超级链接

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 第5章第3部分建立超级链接 5.1 超链接的建立 5.2 超链接的应用

  2. 结 束 本 节 下一页 上一页 目 录 5.1 超链接的建立 5.1.1 超链接标签 5.1.2 在同一文件中建立链接 5.1.3 不同文件的链接

  3. 结 束 本 节 下一页 上一页 目 录 5.2 超链接的应用 5.2.1 链接其他站点 5.2.2 更改链接的颜色 5.2.3 用链接实现发信

  4. 结 束 本 节 下一页 上一页 目 录 5.1.1 超链接标签 在HTML文件中,建立超链接的标签为<a>和</a>。 1.格式: <a href="链接位置" target="窗口名称">超链接名称</a> 2.说明: ① 超链接名称就是链接的源点,当鼠标被移到超链接名称处时会变成手状 。此时,用户通过点击鼠标就可以到达链接的位置。 ② 链接位置就是超链接的目标,可使用URL指定。URL的格式是由通讯协议、链接地址与文件位置所组成,语法如下: 通讯协议://链接地址/文件位置.../文件名称 ③ target用于指定打开链接的目标窗口。target属性的默认值是原窗口,只需要将该名字设为与原窗口不同的名字,即可实现在新窗口中打开链接。其中的“窗口名称”是你想给新窗口取的名字。 HTML支持的超链接主要有2种:在同一文件中建立链接(跳转到标记位置)和不同文件之间的跳转。

  5. 结 束 本 节 下一页 上一页 目 录 5.1.2 在同一文件中建立链接 在上网冲浪中,常常会遇上一个很长的文件,我们既可以在浏览器上从头读到尾,也可以只挑选感兴趣的部分阅读。在HTML中,这种功能可以使用“在同一个文件中建立链接”来实现。方法是在文件的开头处列出几个小标题,这相当于文章的目录,在每个标题的后面建立一个链接,使它高亮度显示,当浏览者对某个问题感兴趣时,可以直接点击某个标题,而无须从头到尾阅读。 基本语法: 在要使用链接的地方: <a href="#目标名称" target="窗口名称">超链接名称</a> 在链接到的地方: <a name="目标名称">超链接名称</a>

  6. 结 束 本 节 下一页 上一页 目 录 5.1.3 不同文件的链接 当我们对不同的文件进行链接时,需要有两个以上的HTML文件,为它们起好名字,并明确哪个是主链接文件,哪个是被链接文件。在主链接文件中的链接处加上如下命令: <a href=""链接位置" target="窗口名称">超链接名称</a> 这样就可以实现两个文件之间的链接。如这里在主文件ex3-02.html中使用<a href="ex3-02-1.html">春 望</a>。在浏览器显示结果中点一下“春 望”字样即可浏览被链接文件ex3-02-1.html的内容。 与同一个文件的链接相比,HTML文件间的链接就这么简单,这里提醒大家一定要注意文件路径的活用。 如果你要链接的文件放在一台机器的同一个目录下,这是一种最简单的本地链接。在链接文件时,只需要写文件名而不需要写文件的路径。但要链接的文件若放在不同的目录下进行链接时,则必须写明文件路径。

  7. 结 束 本 节 下一页 上一页 目 录 路径名的写法有两种:相对路径和绝对路径。 相对路径是以当前文件所在路径和子目录为起点,进行相对的文件查找。 相对路径的用法

  8. 结 束 本 节 下一页 上一页 目 录 绝对路径则是以绝对路径名进行文件查找的,绝对路径中的盘符后使用“|”,而不用“:”,这一点与DOS的写法不同。下表给出的是用绝对路径名查找的简单例子。 绝对路径的用法 需要提醒的是:无论是相对路径还是绝对路径,路径名的书写必须遵循UNIX操作系统所要求的格式,而不能像DOS中那样,即路径名与目录名均要用“/”分隔开。如果是当前目录的上一级目录,最前面还应加“..”。

  9. 结 束 本 节 下一页 上一页 目 录 也许读者会问,链接本地机器上的文件时,是使用相对路径还是绝对路径好呢?从实践经验来看,绝大多数情况下使用相对路径比较好。比方说,用绝对路径名定义了链接,当你把文件做了移动或将目录名更改之后,那么所有的链接都要失败,这样就必须对你的所有HTML文件进行重新编辑,使其适应刚才所做的改动。而一旦将你的文件移植到网络服务器上时,需要重新改动的地方就更多了,那将是一件很麻烦的事。 而使用相对路径名,不仅在现有的机器环境下适合,就是移植到其他系统下也无须作多少改动便能达到文件的准确链接。

  10. 结 束 本 节 下一页 上一页 目 录 5.2.1 链接其他站点 超链接除了可以链接到同一网站中的网页外,还可运用http协议,建立链接到其他网站上网页的超链接。 语法如下: <a href="http://网址">

  11. 结 束 本 节 下一页 上一页 目 录 5.2.2 更改链接的颜色 HTML文件中超链接文字颜色的设置,是由<body>标签中的text、alink、vlink与link属性所控制。其中: ① text属性:非可链接文字的颜色,默认为黑色(Black)。 ② link属性:可链接文字的颜色,默认为蓝色(Blue)。 ③ vlink属性:已经被访问过的可链接文字的颜色,默认为粟色(Maroon)。 ④ alink属性:正被单击的可链接文字的颜色,默认为红色(Red)。

  12. 结 束 本 节 下一页 上一页 目 录 5.2.3 用链接实现发信 在浏览网页时,会发现有些链接在单击后会启动本地机器的邮件服务系统(如OutLook)发信。这是怎么实现的呢?其实方法很简单,使用如下代码即可: <a href="mailto:Email地址subject=邮件主题">描述文字</a> 在实际操作中,用户还可以加入另外两个参数“cc=?&”和“&body=?”,这分别表示在发送邮件的同时把邮件抄送给第三者和设定邮件主题内容。

More Related