html 超链接如何设置点击跳转到根目录或其他目录

作者&投稿:言郭 (若有异议请与网页底部的电邮联系)
html怎么设置超链接,点击返回后能回到同一网页界面的目录~

打个比方 index.html 跟index1.html 在同一个文件夹下

在index.html的body 里面写一个相对路径1
或者用绝对路径1

./表示 当前目录
../表示 父级目录
/ 表示根目录

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




t1页面

html,body{margin:0;padding:0;background-color:#ccc;}
.anchor{display:block;padding:5px 10px;background-color:#aaa;}



跳转到t2页面a1



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




t2页面

html,body{margin:0;padding:0;background-color:#ccc;}
.anchor{display:block;padding:5px 10px;background-color:#aaa;}
.placeholder{height:800px;padding:5px;}



占位div1
锚点a1
占位div2



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

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

超链接跳转到其他的目录或者根目录一般是使用相对路径或者绝对路径的进行跳转。

工具原料:编辑器、浏览器

1、相对路径跳转的方法如下:

<a href="../test.html"></a>

以上代码会跳转到上一目录

2、绝对方法跳转到其他目录代码如下:

<a href="c:/test/test.html"></a>

相对路径下一般使用:

./表示 当前目录

../表示 父级目录

/ 表示根目录



超链接跳转到其他的目录或者根目录一般是使用相对路径或者绝对路径的进行跳转。



href="/" 跳转到跟目录
href="/other/"其它目录


安县19645655473: html 超链接如何设置点击跳转到根目录或其他目录 -
祁孔银杏: 超链接跳转到其他的目录或者根目录一般是使用相对路径或者绝对路径的进行跳转.工具原料:编辑器、浏览器 1、相对路径跳转的方法如下:1 <a href="../test.html"></a>以上代码会跳转到上一目录 2、绝对方法跳转到其他目录代码如下:1 <a href="c:/test/test.html"></a>相对路径下一般使用: ./表示 当前目录 ../表示 父级目录 / 表示根目录

安县19645655473: html怎样点击按钮跳转到前面一个页面 -
祁孔银杏: 纯HTML实现是加个a标签. HTML使用标签 来设置超文本链接. 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当您把鼠标指针移动到网页中的某个链接上时

安县19645655473: 怎么点html上的一个链接,不会消失原本页面,而跳转到另一个 -
祁孔银杏: 直接设置 新窗口打开就可以了,例如: <a href="http://blog.0916688.com/seozhinan" title="seo新手学习指南,新手到网站运营的实战SEO思维大纲,SEO新手教程"target="_blank">新手SEO优化指南</a>例如上面的SEO思维博客进入必看的新手SEO指南;如果是要设置点击文字新窗口展开,主要要用的就是:target="_blank"这个标签来进行实现,通过新窗口打开,这样原链接就不会消失,而且在新的浏览器中打开了!

安县19645655473: HTML中怎么写能可以 点一个按钮然后跳转另一个页面 -
祁孔银杏: 可以用html中的a标签(xxx.html就是要跳转的链接): <a href="xxx.html">跳转链接</a>可以用js进行跳转: <button onclick="window.location.href='xxx.html'">点击跳转</button>以上两种方式达到的效果是一样的.

安县19645655473: 菜鸟问题:如何实现html页面在本页面的跳转 -
祁孔银杏: 链接名字 如果将target=_topr换为target=_blank,则为强制打开新窗口.

安县19645655473: html 超链接如何实现左边框架里的超链接点击后右边的页面跳到相应位置? -
祁孔银杏: 一样的,后面加上猫标记,问题是你右边的网页有锚链接!

安县19645655473: HTML如何实现鼠标点击后跳转页面? -
祁孔银杏: 给A绑定一个点击事件,在事件中使用JS跳转,即可

安县19645655473: 如何加入超链接使用户点击跳转 -
祁孔银杏: PPT添加超链接的方法很多,这里介绍通过点击图标跳转的方法: 1.首先,添加这个图标(右下加蓝色椭圆为例) 2.然后右键单击蓝色椭圆,选择超链接 3.如下标红所示,依次从左向右选中.完成超链接 4.播放,点击椭圆时候就可以跳转到第五页了.

安县19645655473: html代码,点击连接跳转到当页第几行怎么弄? -
祁孔银杏: 利用锚点标记,看看这个代码,跳转代码就是这样写的,具体用到了“常用”工具的“锚点标记”<html><head><title>跳转</title></head><body><table width="768" height="1000" border="0"><tr><td valign="top"><a href="#2">到结尾</a><a name="1" id="1"></a> </td></tr><tr><td valign="bottom"><a href="#1">返回顶部</a><a name="2" id="2"></a></td></tr></table></body></html>

安县19645655473: 网页制作中需要加超链接应该怎样做 -
祁孔银杏: 网页制作中需要加超链接要使用<a>标签.在HTML中标签<a></a> 或者大写字母A .其中的a(或者 A) 是 anchor 的缩写 .anchor ['&aelig;ŋkə] 基本解释是.:锚, 铁锚 的.这些标签的作用是标明超连接的起始位置或目的位置.<a> 标签可定...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网