HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!

HTML的网页,在当前页面设置了超链接,想跳转到另一个页面设置的锚点处,应该如何设置该超链接及锚点?
希望有详细代码哈。。
谢谢。。。
本人分不多。就给一半吧。。。
烦请大家留意,是要在当前页面跳转到另一页面的锚点处。希望能给个代码看看。。。单读文字理解不来哈。。
谢谢谢谢

比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="./t2.html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

.placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div class="placeholder">占位div1</div>

<a id="a1" href="#" class="anchor">锚点a1</a>

<div class="placeholder">占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-01-09

比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="./t2.html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

.placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div class="placeholder">占位div1</div>

<a id="a1" href="#" class="anchor">锚点a1</a>

<div class="placeholder">占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

本回答被网友采纳
第2个回答  2015-04-21
当前页面a.html
另一页面b.html
当前页面:

<a href="b.html#aaa">跳转到b页面aaa处</a>
另一页面:
<a name="aaa" id="aaa">aaa</a>本回答被网友采纳
第3个回答  2008-07-04
比如那么锚点的名字叫abc
那么在连接后面写上#abc就行了。
第4个回答  2019-08-07
本页面锚点跳转

<html>

<head>

<meta charset="utf-8">

<title>网上技术教程</title>

</head>

<body>

<h2>HTML网上教程-W3 School</h2>

章节目录<br>

<p> <a href="#a1">第1章 HTML简介</a> &nbsp;  <1--#a1第一个超链接-->

<a href="#a2">第2章 HTML标签</a>  &nbsp; 

<a href="#a3">第3章 表格</a> &nbsp;

<a href="#a4">第4章 表单 </a>  &nbsp;

<a href="#a5">第5章 框架</a>  &nbsp; 

<a href="#a6">第6章 CSS</a>   &nbsp;

<a href="#a7">第7章 超链接 </a> </p>

<a name="a1">                                <1--#a1第一个超链接跳转到此-->

<h2>Chapter 1</h2> 

</a>

</body>

</html>

HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!
3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

html点击一个按钮,跳转到当前页面的另一个指定位置!这样的代码...
1、打开Dreamweaver,新建html页面;2、创建成功后,会显示默认html网页模板代码;3、在<head><\/head>中加入这样一行代码:<meta http-equiv="refresh" content="0.1;url=\/en"> 4、其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“\/en”代表要跳转到的目标目录;5、...

怎样在该页面点击链接跳转到该页面的某个位置!详细!
1、首先需要新建HTML文件。2、接下来创建章节内容。3、然后开始点击创建链接。4、这样就可以创建按钮样式。5、最后发现预览效果如图所示。6、进行试验点击按钮一,跳转到对应章节。7、然后继续点击按钮二,跳转到对应章节。

求大神指点网页用了锚点链接,点了a标签跳转到那个section,但是页面不...
手机版 我的知道 求大神指点网页用了锚点链接,点了a标签跳转到那个section,但是页面不能上下滚动,只能停留在盒子的位置  我来答 分享 微信扫一扫 网络繁忙请稍后重试 新浪微博 QQ空间 举报 浏览7 次 可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。 大神 网页 锚点 标签...

jsp做的网页 如何使当前页面跳转到当前页面另一锚点处,在线等!!
<a name="foot">FOOT部分<\/a> (可以使用 id 属性来替代 name 属性。)1、用于页面内的锚点访问 <a href="#top">点击我链接到TOP<\/a> <a href="#content">点击我链接到CONTENT<\/a> <a href="#foot">点击我链接到FOOT<\/a> 2、访问不同页面的锚 http:\/\/文件路径\/index.html#foot ...

html点击按钮跳转到另一个html(html点击跳转到指定位置)
HTML网页怎样链接到另一个HTML网页?1、可以使用代码跳转到指定位置。转到指定位置是指向idweizhi的页面部分的超链接。位置\/div是需要转移的部分。id的值应该与ahref中的id号相同,前面带有#cord。2、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling=auto以...

如何跳转到另一个页面的指定位置
可以不用js用html的锚点就能轻松实习 举例:当前页面A.html 写如下跳转链接 <a href="B.html#skip">跳转到另一个页面的指定位置<\/a><!--B.html是跳转到的页面名称--> 需转跳转到的页面B.html内写入 <a name="skip"><\/a><!--将些链接加入到你想跳转到的位置->#后面的skip你可以自己...

HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分?
可以使用网页的锚点,即<a>标签的id属性,如<a id="C6">Chapter 6<\/a>当从另处页面连接到该页地址加#C6时就会跳转到此处。示例:网页a.htm <!DOCTYPE html> <head> <title>A<\/title> <\/head> <body> <a href="b.htm#C6">B - Chapter 6<\/a> <\/body> <\/html> 网页b.htm <!

HTML跳转到页面指定位置的几种方法
实现HTML页面中跳转到指定位置,提升用户体验,是网页设计中常见需求。主要有两种方法:纯HTML与JS实现。一、纯HTML方法 1. 利用id标记的锚点。任意HTML元素可以作为锚点,只需为其添加id属性。例如: <div id="target">内容<\/div>。2. 利用a标签的name属性作为锚点。锚点只能是a标签,用于链接到页面...

HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置?
搜索html的锚点连接 从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了 比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 ...

相似回答