网页设计与制作 教学课件 作者 朱金华 第5章 超链接.pptxVIP

第5章 超链接 ;教学目标;;教学重点和难点;导入：; 网页文件的最大魅力是超越各个文件的空间，通过超链接相互连接构成一个纷繁复杂的互联网世界。 超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后，才能真正构成一个网站。;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.1 创建超链接;5.2 链接对象;示例HTML代码：;5.2.2书签链接 在浏览页面时，如果页面篇幅很长，要不断的拖动滚动条，给浏览带来不便，要是浏览者既可以从头阅读到尾，又可以很快寻找到自己感兴趣的特定内容进行部分阅读，这个时候就可以通过书签链接来实现。当浏览者单击页面上的某一“标签”，就能自动跳到网页相应的位置进行阅读，给浏览者带来方便。 ;基本语法： （1）在同一页面内要使用书签链接的格式： a href=#书签名称链接标题/a （2）在不同页面之间要使用书签链接的格式（在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签名称）： a href=URL地址#书签名称 target=窗口名称链接标题/a 以上两种书签链接形式，链接到的目标为： a name=书签名称链接内容/a，建议使用：a id=书签名称链接内容/a 以下示例代码main.html实现了同一个页面内的书签链接，main和sub.html结合实现了不同页面之间的书签链接。;main.html的HTML代码： a id=toph2课程介绍/h2/a a href=#T1数据库/abra href=#T2计算机基础/abr a href=#T3计算机网络/abra href=#T4人工智能/a brbrhrbrbrbrbr h3a id=T1数据库/a /h3 p《数据库》是……。/p a href=#top返回页首/a brbrhrbrbrbrbr h3a id=T2计算机基础/a /h3 p《计算机基础》是……。/p a href=#top返回页首/a brbrhrbrbrbrbr h3a id=T3计算机网络/a /h3 p计算机网络是……。/p a href=#top返回页首/a brbrhrbrbrbrbr h3a id=T4人工智能/a /h3 p人工智能是……。/p pa href=“sub.html#zhineng人工智能发展现状介绍/a/p a href=#top返回页首/a;sub.html的HTML代码： h1人工智能的发展趋势/h1hr p……/p ……!-- 这里省略了很多段落，使得页面内容大于一个窗口的范围 -- p……/p a id=zhinenghra href=“main.html#top返回/a;5.2.3 电子邮件???接 基本语法：a href=mailto:E-mail地址[?subject=邮件主题[参数=参数值]]链接内容/a 语法说明： （1）电子邮件链接的功能只有在浏览器正确安装了电子邮件客户端软件才能正常运行。 （2）mailto：表示电子邮件链接的属性，其后跟具体的电子邮件地址。 （3）也可以添加多个参数，如抄送等，具体参数见表5-2。多个参数之间使用“”分隔符。;5.2 链接对象;5.2 链接对象;5.2 链接对象;5.2 链接对象;5.2 链接对象;5.2 链接对象;5.3 网页链接属性设置;5.3 网页链接属性设置;5.4 图像映射;5.4 图像映射;5.4 图像映射;5.4 图像映射;小结;作业;