超链接也叫URL(资源定址器)。这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。
1. 超链接的基本格式
格式 :
scheme://post[:post]/path/filename
- shceme 指的是超链接的协议,包含http,ftp,file,mailto,news,gopher,telnet
- host 指的是计算机名称(本地计算机名为localhost)或IP地址(本地地址127.0.0.1)
- post 指的是服务器端口,默认端口为80
- path 指的是文件路径
filename 指的是文件名
用例 :
<a href="scheme://host[:post]/path/filename"></a>
2. 超链接常用的种类
http
声明 :<a href="http://www.163.com/newsapp/#f=toplogo">网易</a>
file
声明 :<a href="file:///C:/Users/sz_pc/Pictures/ultraEdit2.png">图片</a>
- ftp
声明 :<a href="ftp://127.0.0.1/">进入</a>
- mailto
声明 :<a href="mailto:youxiangming@163.com">E-MAIL</a>
3. 相对链接和绝对链接
使用完整的URL地址的链接称为绝对链接,对于同一网站的网页可以使用相对链接的方式互联。使用相对链接需要使用的路径格式如下:
路径格式 | 路径名 |
---|---|
. | 当前路径 |
.. | 上一级路径 |
../page/index.htm | index文件的路径 |
4. 书签的链接
可以用<a>
的name属性实现书签功能
属性名称 | 属性值 | 说明 |
---|---|---|
name | 字符串 | 设置超链接的标记 |
基本格式 :
锚点 | 链接点 | 说明 |
---|---|---|
<a name="音乐">...</a> | <a href="#音乐">...</a> | 链接到本页书签 |
<a name="音乐">...</a> | <a href="index.html#音乐">...</a> | 链接到index.html页的书签 |
没有锚点 | <a href="#"> | 功能类似刷新,链接到页首 |
5. 基准参考点
基本格式 :
<head>
<base href="D:\mydata\myExperiment\html\"<!--路径末尾记得加反斜杠\,默认为file协议-->
</head>
或
<head>
<base href="http://www.163.com"><!--链接前缀默认为此域名-->
</head>
6. 超链接事件
link颜色设置的基本格式 :
<body link="颜色" alink="颜色" vlink="颜色">
属性名 | 说明 |
---|---|
link | 超链接未被点选过的颜色 |
alink | 超链接被点选但未被放开的颜色 |
vlink | 超链接被点选过的颜色 |
7. 超链接<a>
的其它属性
属性名 | 属性值 | 说明 | 例子 |
---|---|---|---|
accesskey | 字母 | 为超链接设置键盘快捷键 | accesskey=”w” (Alt + w) |
tabindex | 数字 | 为链接设置制表符次序 | tabindex=”n” |