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在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。
比如现在有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在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。
本回答被网友采纳<html>
<head>
<meta charset="utf-8">
<title>网上技术教程</title>
</head>
<body>
<h2>HTML网上教程-W3 School</h2>
章节目录<br>
<p> <a href="#a1">第1章 HTML简介</a> <1--#a1第一个超链接-->
<a href="#a2">第2章 HTML标签</a>
<a href="#a3">第3章 表格</a>
<a href="#a4">第4章 表单 </a>
<a href="#a5">第5章 框架</a>
<a href="#a6">第6章 CSS</a>
<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"> 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 ...