第6章建立和使用列表HTMLCSSJavaScript标准教程实例版第2版ppt课件

本书编委会 编著第第6 6章章 建立和使用列表建立和使用列表6.1 超链接概述6.2 超链接的路径6.3 超链接的建立6.4 设置图像映射6.5 小实例超链接的使用6.6 习题HTML/CSS/JavaScript 标准教程实例版第2版）HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.1 超链接概述链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下“URL”，所谓URLUniform Resource Locator指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名。HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.2 超链接的路径6.2.1 设置绝对路径6.2.2 设置相对路径6.2.3 设置要路径HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.2.1 设置绝对路径设置绝对路径绝对路径指文件的完整路径，包括文件传输的协议http、ftp等，一般用于网站的外部链接，例如：broadviewftp219.153.41.160HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.2.2 设置相对路径设置相对路径 表6-1 相对路径使用方法HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.2.3 设置根路径设置根路径根路径的设置也适合内部链接的建立，一般情况下不使用根路径。根路径的使用很简单，以“/”开头，后面紧跟文件路径，例如：/download/index.htmlHTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3 超链接的建立6.3.1 插入内部链接6.3.2 插入外部链接HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.1 插入内部链接插入内部链接 基本语法基本语法 链接内容链接内容HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.1 插入内部链接插入内部链接 语法说明语法说明在HTML文件中，需要使用内部超链接时，插入成对的标记将href属性的URL值设置为相对路径。HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.1 插入内部链接插入内部链接 实例代码实例代码HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.1 插入内部链接插入内部链接 网页效果网页效果HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.2 插入外部链接插入外部链接 基本语法基本语法链接内容链接内容HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.2 插入外部链接插入外部链接 语法说明语法说明在HTML文件中，需要使用外部超链接时，插入成对的标记并将href属性的URL值设置为绝对路径。HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.2 插入外部链接插入外部链接 实例代码实例代码HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.3.2 插入外部链接插入外部链接 网页效果网页效果HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.4 设置图像映射设置图像映射 基本语法基本语法HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.4 设置图像映射 语法说明语法说明 标记表示插入图像文件，src表示插入图像的路径；标记表示插入图像映射；标记表示图像映射区域；rhape属性表示映射区域形状：“rect表示矩形区域；“circle表示椭圆形区域；“poly表示多边形区域；cords表示感应区域的坐标。HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.4 设置图像映射 实例代码实例代码HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.4 设置图像映射 网页效果网页效果HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.5 小实例超链接的使用 实例代码HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.5 小实例超链接的使用 接上页HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.5 小实例超链接的使用 网页效果HTML/CSS/JavaScript 标准教程实例版（第2版）第章66.5 小实例超链接的使用 接上页