超链接:从一个页面指向另一个目的端的链接,超级链接可以使用<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属性和alt的用法相似。
设定链接的目标窗口(target属性)
基本语法:
<a href =”文件名” target =”属性值”> 链接文字</a>
target属性用来定义被链接的文档在何处显示(在新的出口打开,还是在原有的窗口打开).默认的被链接文档是在原有的窗口中打开的。如果将target属性设为"_blank"文档就会在新窗口打开.例如:
1 | < a href = "www.adminwangNaN" target = "_blank">Web开发教程</ a >
|
target属性的值及含义:
在实际应用中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./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@>联系我</ a >
<!--解析:发送邮件给admin@-->
< a href=“mailto:// admin@? subject=你好”>联系我</ a >
<!--解析:发送邮件给admin@,主题是:你好-->
< a href=“mailto:// admin@ ? CC= info@”>联系我</ a >
<!--解析:发送邮件给admin@,抄送给info@-->
< a href=“mailto:// admin@? BCC= info@”>联系我</ a >
<!--解析:发送邮件给admin@,暗送给info@-->
|
空链接
空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。这个主要是网页前端开发布局时,临时加的空链接,主要为了能更好的看到最终的效果。
基本语法:
<a href=“ # ”>链接文字</a>
其中“ # ”表示空链接。
举例:
链接文字的颜色属性
link:设定链接文字默认的颜色
alink:设定激活链接时文字的颜色
vlink:设定访问过的链接文字的颜色
基本语法:
1 | < body link =”颜色的值” alink =”color_value” vlink =”color_value” >
|