HTML链接(Link)
超链接:从一个页面指向另一个目的端的链接,超级链接可以使用<a>标签定义,其链接文档的地址在属性"href"中指定。 链接分为内部链接:链接指向站点文件夹之内的文件(例: <a href=“html / index.php”> )和外部链接:链接指向站点文件夹之外的文件(例: target index.php”> )。<a>标签又叫做锚标签,用来建立一个指向其它文档的链接.锚可以连接到网络上任一文档:一个html页面,一张图片,一个音频或者视频文件等.
语法格式:
<a href=‘URL’>链接文字</a>
url是需要链接文档的地址,<a>开始标签和结束标签包围的文本是作为超链接显示的文本,知道了<a>标签的基本用法,下面开始学习A标签属性。
a标签的属性包括:
href: 链接地址
target:指定链接的目标窗口 (本节重点掌握)
name : 给链接命名
title:给链接提示文字
accesskey:链接热键
href属性的值是要链接的目标地址,这个讲过了。重点讲解target和name属性,title属性和alt的用法相似。
设定链接的目标窗口(target属性)
基本语法:
<a href =”文件名” target =”属性值”> 链接文字</a>
target属性用来定义被链接的文档在何处显示(在新的出口打开,还是在原有的窗口打开).默认的被链接文档是在原有的窗口中打开的。如果将target属性设为"_blank"文档就会在新窗口打开.例如:
1
|
<
a
href = "www.adminwangNaN" target = "_blank">Web开发教程</
a
>
|
target属性的值及含义:
_parent :在上一级窗口中打开。
_blank:在新窗口中打开。
_self:在同一窗口中打开。(默认)
_top :在浏览器的整个窗口中打开,忽略任何框架。
在实际应用中target属性值最常用的是_blank,这个要重点掌握,其他的只需要了解就可以。
书签链接(name属性)
1. 建立书签
基本语法:
<a name=”name” >文字</a>
举例:
1
|
<
a
name = "head">文章的开始</
a
>
|
2.建立指向该锚的链接
基本语法:
<a href=“#书签名”>文字</a>
举例:
1
|
<
a
href = "#start">文章的开始</
a
>
|
完整示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<
html
>
<
head
>
<
title
>书签链接演示</
title
>
</
head
>
<
body
>
<
a
href = "#start">跳转到《静夜思》</
a
>
<
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/>
<
a
name
=
"start"
>《静夜思》</
a
>
<
br
/>
窗前明月光,<
br
/>
疑似地上霜。<
br
/>
举头望明月,<
br
/>
低头思故乡。
<
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/><
br
/>
</
body
>
</
html
>
|
链接到其他页面中的书签
基本语法:
<a href=“文件名#书签名”>文字</a>
举例:
1
|
<
a
href = "http://baike.baidu.com/view/383720.htm#发展历史">HTML发展历史</
a
>
|
下载文件
基本语法:
<a href=” file_url”>链接文字</a>
”file_url”表示文件所在的路径。
举例:
1
|
<
a
href=”http://www.adminwang.com/aaa.rar”>文件下载演示</
a
>
|
建立e-mail链接
发送E-mail ( 建立e-mail链接),实际开发中使用的频率很低,读者只需了解就可以,本部分涉及的 暗送和抄送的相关概念不在本课程讲解范围内,不明白的问下度娘。
基本语法:
<a href=“ mailto://A@B.C ” >链接文字</a>
<a href=“ mailto://A@B.C ? subject=content” >链接文字</a>
<a href=“ mailto://A@B.C ? CC=A@B.C ” >链接文字</a>
<a href=“ mailto://A@B.C ? BCC=A@B.C” >链接文字</a>
语法解释:subject表示电子主题,CC表示抄送收件人,BCC表示暗送收件人,A@B.C表示邮件地址。
1
2
3
4
5
6
7
8
|
<
a
href=“mailto://admin@adminwang.com>联系我</
a
>
<!--解析:发送邮件给admin@adminwang.com-->
<
a
href=“mailto:// admin@adminwang.com? subject=你好”>联系我</
a
>
<!--解析:发送邮件给admin@adminwang.com,主题是:你好-->
<
a
href=“mailto:// admin@adminwang.com ? CC= info@adminwang.com”>联系我</
a
>
<!--解析:发送邮件给admin@adminwang.com,抄送给info@adminwang.com-->
<
a
href=“mailto:// admin@adminwang.com? BCC= info@adminwang.com”>联系我</
a
>
<!--解析:发送邮件给admin@adminwang.com,暗送给info@adminwang.com-->
|
空链接
空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。这个主要是网页前端开发布局时,临时加的空链接,主要为了能更好的看到最终的效果。
基本语法:
<a href=“ # ”>链接文字</a>
其中“ # ”表示空链接。
举例:
1
|
<
a
href=“#”>我的心情</
a
>
|
链接文字的颜色属性
link:设定链接文字默认的颜色
alink:设定激活链接时文字的颜色
vlink:设定访问过的链接文字的颜色
基本语法:
1
|
< body link =”颜色的值” alink =”color_value” vlink =”color_value” >
|