打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

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

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

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

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

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

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

1
<a name="目标名称"></a>

实例:

1234567891011121314
<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>

预览:

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

----网站建设 | 大侠设计 http://www.web589.com原创,转载务必注明来源。  
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
网页上的超链接一般分为三种:
html中书签(锚链接)的使用
网页制作类工具
HTML图像的调用和超链接
HTML 超链接
网站制作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服