《正确使用超链接》PPT课件.ppt

,第4章,正确使用超链接,预习检查,标签表示什么？如果要链接当前站点之外的文档，必须使用什么路径？,简要介绍,所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。,主要内容,4.1XHTML链接4.2XHTML字符集与XHTML颜色4.3叮叮书店首页超链接,XHTML链接标签,XHTML使用超级链接与网络上的另一个文档相连。标签可定义锚。锚（anchor）有两种用法：通过使用href属性，创建指向另外一个文档的链接（或超链接）。通过使用id或name属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）。,XHTML链接标签,a元素可选属性,XHTML链接标签Href属性,创建锚的语法：显示文本用来创建锚。href属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显示。这个锚定义了指向渤海大学的链接：渤海大学,XHTML链接文档路径,文档路径类型一共有二种：绝对路径、相对路径，其中相对路径又分为根相对路径和文档相对路径。绝对路径是包括服务器协议的完全路径，比如“渤海大学信息科学与技术学院”，完全路径为：“,XHTML链接文档路径,相对路径包括根相对路径和文档相对路径两种。根相对路径的根是指本站点文件夹。根相对路径以“/”开头，路径是从当前站点的根目录开始计算。比如某一个网页文件中引用站点根目录下img目录中的一个图像文件a.gif，用根相对路径表示就是：“/img/a.gif”。文档相对路径就是指包含当前文档的文件夹，以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为D:mywebmypic，那么：“a.htm”就表示D:mywebmypica.htm；“./a.htm”相当于D:myweba.htm，其中“./”表示当前文件夹上一级文件夹。“img/a.gif”是指D:mywebmypicimga.gif，其中“img/”意思是当前文件夹下名为img文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。,XHTML链接文档路径,如果所要链接当前站点内的文档，要使用相对路径，一般多用文档相对路径。如果要链接当前站点之外的文档，必须使用绝对路径。,XHTML链接标签Target属性,标签的target属性规定在何处打开链接文档。下面的链接在新窗口打开文档：渤海大学,XHTML链接标签id或Name属性,id或name属性用于创建被命名的锚（namedanchors）。当使用命名锚（namedanchors）时，可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找需要的信息。以下是命名锚的语法：显示文本或者显示文本id或name属性用于创建命名锚。锚的名称可以是任何名字,在使用字符时区分大小写。,XHTML链接标签id或Name属性,如定义命名锚：第12章命名锚会以特殊的方式来显示。将#符号和锚名称添加到URL的末端，就可以直接链接到c12这个节：第12章要将“/”添加到子文件夹。假如这样写链接：href=,XHTML字符集,如需正确地显示XHTML页面，浏览器必须知道使用何种字符集。万维网早期使用的字符集是ASCII，ASCII支持0-9的数字，大写和小写英文字母表，以及一些特殊字符。现代浏览器的默认字符集是ISO-8859-1。如果网页使用不同于ISO-8859-1的字符集，应在标签进行指定。ISO字符集是国际标准组织（ISO）针对不同的字母表/语言定义的标准字符集。,XHTML字符集,Unicode联盟开发了Unicode标准，Unicode标准涵盖了世界上的所有字符、标点和符号。Unicode联盟与领导性的标准发展组织进行合作，比如ISO、W3C以及ECMA。Unicode可以被不同的字符集兼容。最常用的编码方式是UTF-8和UTF-16。UTF-8可以表示Unicode标准中任意字符，向后兼容ASCII。UTF-8是网页和电子邮件的首选编码。UTF-16主要被用于操作系统和环境中，比如微软的Windows2000/XP/2003/Vista/CE以及Java和.NET字节代码环境。所有XHTML和XML处理器支持UTF-8和UTF-16。,XHTML字符实体,实体名称或实体编号为那些不容易通过键盘键入的符号提供了表达的方法。一些字符在XHTML中拥有特殊的含义，比如小于号（）用于定义XHTML标签的开始，如果希望浏览器正确地显示这些字符，必须在XHTML源码中插入字符实体。字符实体有三部分：一个和号（,XHTML字符实体,最常用的字符实体,XHTML字符实体,其他一些常用字符实体,XHTML颜色,颜色由红色、绿色、蓝色混合而成。颜色值由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。三种颜色混合效果表,XHTML颜色名,大多数的浏览器都支持颜色名集合。仅仅有16种颜色名被W3C的XHTML标准所支持。它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果需要使用其它的颜色，需要使用十六进制的颜色值。,叮叮书店首页超链接,通过链接确定网站的导航在例index1.html基础上，将需要链接用实现。包括首页（index.html）、书籍分类（category.html）、特刊降价（specials.html）、联系我们（contact.html）、关于我们（about.h