html超链接不仅可以跳转到其它页面,也可以在页面内跳转,即是点击超链接后允许跳转到该页面指定的地方。
如果一篇文章很长又不想分页的话,用户看起来可能很不方便。我们往往会设置html页面内部跳转链接,以方便用户在很长的文章内容中快速找到需要的信息。
html页面内部跳转链接的基本格式如下:
首先指定跳转到哪个目标位置:
1
| <a href="#目标名称">链接文字</a> |
然后在目标位置设置相对应的跳转名称:
实例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <html>
<head>
<title>html页面内部跳转链接</title>
</head>
<body >
<p><a href="#php">php介绍</a></p>
<p><a href="#html">html介绍</a></p>
<p><a href="#css">css介绍</a></p>
<h2>学习网站设计</h2>
<p><a name="php"></a>php是一种嵌入式的脚本语言,能够开发出功能强大的动态网页。</p>
<p><a name="html"></a>html是学习网站设计最基本的语言,能够开发出高效的静态网页。</p>
<p><a name="css"></a>css负责给网页布局排版,设计出丰富多样的网页界面</p>
</body>
</html> |
预览:

在浏览器打开缩小其窗口,点击其中的链接,会发觉将会跳转到相对应的文字内容上。
|