链接可以从一个网页跳转到另一个网页。
在html中，使用<a></a>元素来表示链接。
<a></a>元素之间的内容用于显示说明，给用户看的。
跳转到另一个网页
|
1
2
|
<!-- 跳转到另一个页面 --><a href="abbr.html">跳转到缩写词demo</a> |
使用属性href，属性值是另一个网页的名称。
在新窗口中打开网页
|
1
2
|
<!-- 在新窗口中打开网页 --><a href="abbr.html" target="_blank">跳转到缩写词demo</a> |
若要在新窗口中打开网页，需再添加一个属性target，属性值为_blank
跳转到当前网页其它地方
经常在浏览网页时会看到翻页的网页，通过菜单可以跳转到指定的内容。知道这是如何实现的吗？
完整示例
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>链接</title></head><body><!-- 在新窗口中打开网页 --><a href="#a">跳转到本页面a</a><a href="#b">跳转到本页面b</a><a href="#c">跳转到本页面c</a><a href="#d">跳转到本页面d</a><p id="a">A部分</p><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><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><p id="b">B部分</p><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><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><p id="c">C部分</p><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><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><p id="d">D部分</p><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><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> |
由两部分实现。
第一部分，在要跳转到的地方做标记，设置一个id，如上面所示，段落<p id="a">A部分</p>，添加一个属性id，属性值随意取。
第二部分，在链接中，将href属性值设置为#a，其中#表示id，a是第一部分起的id号。
邮箱链接
a元素可以调用本机发邮件程序来发邮件到指定的邮箱。
语法形式如下：
<a href="mailto:邮箱地址">说明文字</a>
示例
|
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>邮箱链接</title></head><body><!-- 使用链接打开邮箱 --><a href="mailto:peixun@liyongzhen.com">给我发邮件吧！</a></body></html> |
运行效果
本例在firefox浏览器中执行。不同的浏览器和操作系统，执行结果不一样。但目的都是一样的，会调用发邮件的程序来发邮件。