专题4 超链接（课件）-《网页设计与制作》（电子工业出版社）高考备考讲练测(山东省)

专题四、超链接 网页设计与制作课程 专题复习讲练测 考纲要求 1、掌握在网页中插入超链接的方法。 2、掌握设置超链接属性的方法。 知识点梳理 一 第一讲 超链接 知识点一 超链接路径 超链接是网页非常重要的特征，它可以实现文档间的跳转。超链接由源端点和目标端点构成，表示出了文档间跳转的关系。源端点是网页中用来建立超链接的对象，可以是文本、图片或其他网页元素，目标端点是单击源端点后跳转到的对象，可以是网页、图片、电子邮件地址、文件或应用程序，也可以是页面中的某个位置。 1．链接路径 每个文件都有自己的存放位置和路径，创建正确的链接，首先要清楚一个文件到要链接的目标文件之间的路径关系，也就是链接路径。链接路径可以分为三种：绝对路径、相对路径、根路径 知识点梳理 一 第一讲 超链接 知识点一 超链接路径 2、绝对路径 概念：绝对路径指链接目标对象的完整路径。 应用场合：当要链接到其他网站中的文件时，或者是建立外部链接时，必须使用绝对路径，即完整的URL。 路径中不仅有网页的地址，还附带有所适用的传输协议，目前使用较多的是HTTP超文本传输协议和FTP文件传输协议。 URL（统一资源定位器）：协议://主机名、域名或IP地址:端口号/路径名/文件名 知识点梳理 一 第一讲 超链接 知识点一 超链接路径 3、相对路径 概念：文档相对路径是以当前文件所在位置为起点，到被链接文件经由的路径。 应用场合：当要链接到统一站点文件夹中的文件时，或者是建立内部链接时，一般使用相对路径。 相对路径的写法 链接到同一目录下文件，只需输入要链接文件的名称。（index.html） 链接到下级目录中文件，目录名/文件名。（files/w1.html） 链接到上一级目录中文件，../文件夹/文件名。（../me1/2.html） 知识点梳理 一 第一讲 超链接 知识点一 超链接路径 4、根路径 概念：根路径是从站点的根文件夹到文档的路径。 应用场合：根路径也使用于创建内部链接，当在处理使用多个服务器的大型Web站点，或在一个服务器上放置多个站点时，可使用这种类型的路径。 根路径的写法也很简单，首先以一个“/”开头，表示站点的根文件夹，然后书写文件夹名，最后书写文件名。若根目录要写盘符，就在盘符后使用“|”。 格式：/文件夹名/文件名 盘符│文件夹名/文件名 知识点梳理 一 第一讲 超链接 知识点二 超级链接类型 根据链接使用的对象不同，可将超链接分为：文本链接、图像链接、锚点链接、电子邮件链接、空链接、文件下载链接、脚本链接等。 1、创建文本链接 文本链接是超链接的最基本方式，可以采用以下方法创建。 （1）利用“属性面板”创建 （3种） 在“文档”窗口中选择要创建超链接的文本，在“属性面板”中执行下列操作之一，指定链接到的文件。 知识点梳理 一 第一讲 超链接 知识点二 超级链接类型 ①在“链接”文本框中直接输入文档的路径和文件名。若要链接到站点内的文档，可输入文档的相对路径，若要链接到站点外的文档，必须输入绝对路径。 ②单击“链接”文本框右侧的浏览文件夹图标， 在打开的对话框中选择目标文件。 ③拖动“链接”文本框右侧的指向文件图标 到“文件”面板中的相应文件上。 知识点梳理 一 第一讲 超链接 知识点二 超级链接类型 当指定链接文件后，属性面板中的“目标”选项变为可用，可以设置文件的打开方式。 _blank：将链接的文档在一个未命名的新浏览器窗口中打开，原来打开的窗口不变。 _new：将链接的文档始终在同一个新的浏览器窗口中打开。 _parent：将链接的文档在该链接所在框架的父级框架或父级窗口中打开。如果包含链接的框架不是嵌套框架，则所链接的文件会载入整个浏览器窗口。 _self：将链接的文档在当前浏览器窗口中打开。该目标是系统默认项。 _top：将链接的文档在整个浏览器窗口中打开，会删除所有框架。 “标题”—— 设置鼠标停留在超链接上出现文本提示，设置title属性。 知识点梳理 一 第一讲 超链接 知识点二 超级链接类型 （2）通过“超级链接”对话框创建 （2种） 在“文档”窗口中将光标定位到文档中想创建链接的位置。执行以下操作之一，打开“超级链接”对话框。 ①选择菜单“插入→超级链接”命令。