超链接的基本知识
超链接:是网页页面中最重要的元素之一。一个网站是由多个页面组成的,页面之间依据链接确定相互的导航关系。链接能使浏览者从一个页面跳转到另一个页面,实现文档互联、网站互联。它是HTML的一个最强大、最有价值的功能。
绝对路径:就是主页上的文件或目录在硬盘上的真正路径。使用绝对路径定位链接目标文件比较清晰,但是有两个缺点:一是需要输入更多地内容,二是如果该文件被移动了,就需要重新设置所有的相关链接。
相对路径:是最适合网站的内部链接的。优点是:站点文件夹所在服务器地址发生改变时,文件夹的所有内部链接都不会出现问题。
超链接的建立
超链接标记的基本语法
<a href="文件名">链接元素</a>或<a href="URL">链接元素</a>
建立文本超链接
在网页中,文本超链接是最常用的一种。它通过网页中的文件和其他的文件进行连接。
<a href="链接地址">链接文字</a>
说明:链接地址可以是绝对地址,也可以是相对地址。
设置超链接的目标窗口
<a href="链接地址" target="目标窗口的打开方式">链接元素</a>
target参数的取值及说明 target值 目标窗口的打开方式 _parent 在上一级窗口打开 _blank 新建一个窗口打开 _self 在同一窗口打开,与默认设置相同 _top 在浏览器的整个窗口中打开,将会忽略所有的框架结构
内部链接
是指在同一网站内部,不同的HTML页面之间的链接关系。在建立网站内部链接的时候,要考虑到使链接具有清晰的导航结构,使用户方便地找到所需内容的HTML文件。
书签链接
建立书签
书签可以与链接文字在同一页面,也可以在不同的页面。但是实现网页内部的书签链接,都需要先建立书签。通过建立书签才能对页面的内容进行引导和跳转。
<a name="书签名称">文字</a>
说明:书签名称就是对于后面要跳转所创建的书签,而文字则是设置连接后的跳转的位置。
链接到同一页面的书签
<a href="#书签的名称">链接的文字</a>
说明:书签的名称就是上面所定义的书签名,也就是name的值。而#则代表这是书签的链接地址。
链接到不同页面的书签
<a href="链接的文件地址#书签的名称">链接的文字</a>
外部链接
通过HTTP协议
网页中最常使用HTTP协议进行外部链接的是设置友情链接。
<a href="http://..."></a>
通过FTP
通过FTP(文件传输协议)可以足不出户地获得各种免费软件和其他文件。该协议是使计算机与计算机之间能够相互通信的语言,可使文件和文件夹能够在interner上公开传输。。。
<a href="ftp://..."></a>
发送E-mail
<a href="mailto:电子邮件地址">链接文字</a>
mailto标签的参数 参数 含义 语法 CC 抄送收件人 <a href="mailto:电子邮件地址?CC=电子邮件地址">链接文字</a> Subject 电子邮件主题 <a href="mailto:电子邮件地址?Subject=主题文字">链接文字</a>
BCC 暗送收件人 <a href="mailto:电子邮件地址?BCC=电子邮件地址">链接文字</a>
Body 电子邮件内容 <a href="mailto:电子邮件地址?Body=邮件内容">链接文字</a>
说明:这些参数可以没有,也可以同时设置几个。在带有多个参数时,需要使用&符号进行分隔。
下载文件
如果希望制作下载文件的链接,只需在链接地址处输入文件所在的位置即可。当单击链接后,浏览器会自动判断文件类型,然后根据不同情况做出相应处理。
<a href="文件所在地址">链接文字</a>
其他链接
脚本链接
在链接语句中,可以通过脚本来实现HTML语言完成不了的功能。以JS为例说明:
<a href="javascript:..."></a>
说明:在javascript:后面编写的就是具体的脚本。
空连接
是指在指向链接后,鼠标会变成手形,但单击链接后,仍然停留在当前页面。
<a href="#">文字链接</a>