web前端开发--超链接

超链接语法：<a href="url"  name=" "  title="提示信息"  target="窗口名称">超链接标题</a>

超链接属性及说明：

属性	说明
href	链接指向的目标文件
name	规定锚（anchor）的名称
title	指向链接的提示信息
target	指定打开的目标窗口

 

 

 

 

 

target属性的值及说明：

值	说明
_self	在当前框架中打开链接
_blank	在一个全新的空白窗口中打开链接
_top	在顶层框架（根框架）中打开链接
_parent	在当前框架的上一层打开链接
framename	在指定的框架或浮动框架内打开链接，框架名称可以自定义

 

 

 

 

 

 

 

 

超链接的路径：

1.绝对路径：文件的完整路径

　　　①从盘符开始定义的文件路径，如：E:\web\index.html

　　　②从协议开始定义的URL网址，如：http://www.edu.cn

2.相对路径：从当前文件所在的位置指向目的文件的路径

相对路径的输入方法：

相对位置	输入方法	代码实例
同一目录	输入要链接的文档	<a href="tongzhi.html">通知</a>
链接上一目录	先输入“../”，再输入目录名	<a href="../index.html">首页</a>
链接下一目录	先输入目录名，后加“/”	<a href="ks/note.html">考试通知</a>

 

 

 

 

 

3.根路径：从网站最底层开始起，到文件夹，子文件夹或文件名，以此类推，直到路径写完。

例子：<a href="d:/web/news/show.html">显示信息</a>

 

超链接分类：

内部链接：网站内部文件之间的链接，将URL设置为相对路径为内部链接

外部链接：网站内的文件链接到站点内容外的文件，将URL设置为绝对路径为外部链接

 

超链接的应用：

1.创建HTTP文件下载超链接

基本语法：<a href="url">链接内容</a>

例子：<a href="ch5.ppt">下载软件ch5.ppt</a>

2.创建页面书签链接

　　定义书签：<a name="书签名">书签标题</a>

　　定义书签链接：

　　　　同一页面：<a href="#书签名">书签标题</a>

　　　　不同页面：<a href="URL#书签名">书签标题</a>

3.创建FTP站点访问超链接

基本语法：<a href="ftp"//服务器IP地址或域名">链接文字</a>

例子：<a href="ftp://ftp.pku.edu.cn">北京大学FTP站点</a>

4.创建图像超链接

基本语法：<a href="URL"><img  src=" "></a>

5.创建电子邮件超链接

基本语法：<a  href="mailto:E-mail  地址[？subject=邮件主题[&参数=参数值]]">链接内容</a>

 

①