正确使用超链接.pptVIP

张树明渤海大学信息科学与技术学院张树明第4章正确使用超链接预习检查01标签表示什么？02如果要链接当前站点之外的文档，必须使用什么路径？简要介绍所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。。01XHTML链接XHTML字符集与XHTML颜色叮叮书店首页—超链接0203主要内容XHTML链接—a标签XHTML使用超级链接与网络上的另一个文档相连。a标签可定义锚。锚（anchor）有两种用法：通过使用href属性，创建指向另外一个文档的链接（或超链接）。通过使用id或name属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）。标签描述a定义锚。XHTML链接—a标签a元素可选属性属性值描述DTDcharset字符集名称规定目标URL的字符编码。STFhrefURL链接的目标URL。STFnamesection_name规定锚的名称。STFtarget_blank_parent_self_topframename在何处打开目标URL。TFtypeMIME编码类型规定目标URL的MIME类型。STF创建锚的语法：ahref=url显示文本/a用来创建锚。href属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显示。这个锚定义了指向渤海大学的链接：ahref=/渤海大学/aXHTML链接—a标签Href属性XHTML链接—文档路径文档路径类型一共有二种：绝对路径、相对路径，其中相对路径又分为根相对路径和文档相对路径。绝对路径是包括服务器协议的完全路径，比如“渤海大学信息科学与技术学院”，完全路径为：“”。如果要链接当前站点之外的文档，必须使用绝对路径。站点之外的文档的包括其它计算机或本地计算机。如果指本地计算机，比如C盘的MyPictures目录下有一个tp.jpg图像，那么它的路径就是“c:\Mypictures\p.jpg”，其实这种完整地描述文件位置的路径也是绝对路径。XHTML链接—文档路径相对路径包括根相对路径和文档相对路径两种。根相对路径的根是指本站点文件夹。根相对路径以“/”开头，路径是从当前站点的根目录开始计算。比如某一个网页文件中引用站点根目录下img目录中的一个图像文件a.gif，用根相对路径表示就是：“/img/a.gif”。文档相对路径就是指包含当前文档的文件夹，以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为D:\myweb\mypic，那么：“a.htm”就表示D:\myweb\mypic\a.htm；“../a.htm”相当于D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。“img/a.gif”是指D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为img文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。01.如果所要链接当前站点内的文档，要使用相对路径，一般多用文档相对路径。02.如果要链接当前站点之外的文档，必须使用绝对路径。XHTML链接—文档路径XHTML链接—a标签Target属性a标签的target属性规定在何处打开链接文档。下面的链接在新窗口打开文档：ahref=/target=_blank渤海大学/a值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。1id或name属性用于创建被命名的锚（namedanchors）。当使用命名锚（namedanchors）时，可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找需要的信息。2以下是命名锚的语法：aid=label显示文本/a3或者aname=label显示文本/a4id或name属性用于创建命名锚。锚的名称可以是任何名字,在使用字符时区分大小写。XHTML链接—a标签id或Name属性XHTML链接—a标签id或Name属性如定义命名锚：aid=c12