超级链接定义:
超级链接又称为“超文本链接”,其在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
URL统一资源定位符,给出的统一资源定位符有两种:绝对方式(资源的完整地址)、相对方式(资源的相对地址)。
超级链接的制作:
并且<a>和</a>之间可以插入常规文本、换行符、图像和标题。
外部链接:
外部链接指的是跳转到当前网站的外部、其他网站中的页面或其他元素之间的链接关系,这种链接一般需要书写绝对的链接地址。
外部链接绝对地址格式:
进入万维网站点:
格式:http://server/path
代码及运行结果展示:
进入文件传输服务器:
格式:ftp://server/path
代码及运行结果展示:
<a href="ftp://ftp.pku.edu.cn" target="_blank">
<font color="#33FF00">连接到FTP服务器</font>
</a>
启动 Telnet方式:
应用Telnet服务必须知道一台Telnet服务器的因特网域名或IP地址;而端口是指服务器侦听请求时所使用的端口。
格式:telnet://user:password@server:port/
代码及运行结果展示:
<a href="telnet://192.168.1.1:23" target="_blank">
<font color="#FFCC00">链接到Telnet服务器</font>
</a>
访问Gopher服务器:
格式:gopher://server:port/path
代码:
<a href="gopher://dosfan.lib.nic.edu/1" target="_blank">
<font color="#FFCC00">链接到gopher服务器</font>
</a>
访问news新闻组:(目前已经很少使用到)
格式:newsgroup
message id
缺点:用户无法指定新闻服务器
代码:
<a href="news://news.newsfan.net">
<font color="#FFCC00">链接到news</font>
</a>
发送email:
格式:mailto://a@b.c
mailto://a@b.c?subject=content
mailto://a@b.c?cc=a@b.c
mailto://a@b.c?bcc=a@b.c
代码:
<a href="mailto:2006husong@163.com?subject=给我来信">
<font color="#FFCC00">发送邮件</font>
</a>
内部链接:
所谓的内部链接指的是在同一个网站内部,不同的HTML页面之间的关系。需要考虑的问题是如何使链接具有清晰的导航结构。
书签链接:
1、命名书签:
<a name="name">相应的文字</a>
2、链接到相应的书签:
<a href="#name">书签在浏览器页面中显示的名字</a>
3、代码示例:
<a name="top">相应的文字</a>
<a href="#top">返回首页</a>
空链接:
所谓的空链接指的是光标指导链接上的时候变成手型,点击链接的时候仍然停留在本页面。
代码:
<a href="#">返回首页</a>
脚本链接:
用户在事件发生时执行一个或者多个JavaScript命令或函数。通过<a>标签,可以将JavaScript代码和许多与鼠标或者键盘相关的事件关联起来。时间处理器的值是一个或者一系列以分号隔开的JavaScript表达式、方法和调用函数,并且要用引号引起来。
1、格式:
<a href="javascript:...">文字链接</a>2、代码:
<a href="javascript.window.close()">关闭窗口</a>
制作图像映像:
HTML提供了一种特性,允许在同一幅图像中嵌入不同的链接。单击图像的不同的区域可以使浏览器链接到不同的目标文档。这种对光标位置敏感的图像叫做图像映射。
①<area>说明集或<a>标签都要包含在<map>及其结束标签</map>之间。
②name属性值唯一,不能被文档的其他<map>标签使用,但是可以有不止一个图像映射引用同样的<map>说明
③coords属性对于<area>标签是必须的,而坐标(属性值)含义又shape属性值确定,如果没有shape属性,默认为为 default,意味着该区域覆盖整个图像:
1、代码及运行结果: