Chap 2-4 Html语言——超级链接.pptVIP

School of Applied Technology Soochow University School of Applied Technology Soochow University 网页设计教程 * School of Applied Technology Soochow University * 超 级 链 接 超级链接标记 URL link标记 设置超级链接的颜色 a标记的target属性设置窗口 * School of Applied Technology Soochow University * 2.4.1 设置超级链接 1 锚点标记a…／a 锚点(anchor)标记由a定义，它在网页上建立超文本链接。通过单击一个词、句或图片，可从此处转到另一个链接资源(目标资源)，这个目标资源有唯一的地址(URL)。以上特点的词、句或图片就称为热点。 * School of Applied Technology Soochow University * 标记的格式为： a href=”地址” 或 name=”字符串” 热点 /a 属性href为超文本引用，它的值为一个URL，是目标资源的有效地址。 属性name指定当前文档内的一个字符串，作为链接时可以使用的有效的目标资源的地址。 热点可以根据需要设置颜色，利用body标记中相关的属性。 * School of Applied Technology Soochow University * URL 在书写URL时，注意URL中要使用US-ASCII字符集中的可显示字符，如果使用不属于此字符集的字符，则需要使用特殊的符号对该字符进行编码，以用三个字符代替要使用的字符，三个字符是：%+两个十六进制数字。最常见的是空格，使用%20替换。 URL中需要对保留(reserved)字符和不安全(unsafe)字符进行编码. * School of Applied Technology Soochow University * URL 保留字 那些在URL中具有特定意义的字符。如：斜线字符。 不安全字符： 那些在URL中没有特殊含义，但在URL所在上下文中可能具有特殊意义的字符。如双引号(“”) * School of Applied Technology Soochow University * URL的保留字符和不安全字符 字符 描述 用法 编码 ; 分号 保留 %3B / 斜线 保留 %2F ? 问号 保留 %3F : 冒号 保留 %3A @ at符号 保留 %40 = 等号 保留 %3D 和符号 保留 %26 小于号 不安全 %3C * School of Applied Technology Soochow University * URL的保留字符和不安全字符 字符 描述 用法 编码 大于号 不安全 %3E “ 双引号 不安全 %22 ＃ 井号 不安全 %23 : 冒号 不安全 %3A % 百分号 不安全 %25 { 左大括号 不安全 %7B } 又大括号 不安全 %7D | 竖线 不安全 %7C * School of Applied Technology Soochow University * URL的保留字符和不安全字符 字符 描述 用法 编码 \ 反斜线号 不安全 %5C ^ 加字号 不安全 %5E ~ 波浪号 不安全 %7E [ 左中括号 不安全 %5B ] 右中括号 不安全 %5D ‘ 反单引号 不安全 %60 注意：一般除了字母、数字和“$,-,_,.,+,!,*,’,()外，其他 所有字符都应该使用编码” * School of Applied Technology Soochow University * 2 建立指向其他页面的链接 其格式为： a href=”目标文件的路径／目标文件名.html” 热点文本 /a 根据目标文件与当前文件的目录关系，有如以下4种写法。 1）链接到同一目录内的网页文件 链接到同—目录内的网页文件的格式为： a href=”目标文件名.html”热点文本 /a * School of Applied Technology Soochow University * 2）链接到下一级目录中的网页文件 链接到下一级目录中的网页文件的格式为： a href= ”子目录名/目标文件名．html”热点文本/a 3）链接到上一级目录中的网页文件 链接到上一级目录中的网页文件的格式为： a href=”../目标文件名．Html” 热点文本 /a 其中“../”表示退到上一级目录