分享

html页面内部跳转链接 | 大侠设计

 尹石 2014-05-02

html超链接不仅可以跳转到其它页面,也可以在页面内跳转,即是点击超链接后允许跳转到该页面指定的地方。

如果一篇文章很长又不想分页的话,用户看起来可能很不方便。我们往往会设置html页面内部跳转链接,以方便用户在很长的文章内容中快速找到需要的信息。

html页面内部跳转链接的基本格式如下:

首先指定跳转到哪个目标位置:

1
<a href="#目标名称">链接文字</a>

然后在目标位置设置相对应的跳转名称:

1
<a name="目标名称"></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>

预览:
页面内部跳转链接 html超链接

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

----网站建设 | 大侠设计 http://www.原创,转载务必注明来源。  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多