《正确使用超链接》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 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文件夹 文档相对路径是最简单的路径 一般多用于链接保存在同一文件夹中的文档 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 关于我们 abou