相对跳转有如下方式，需要了解（以下的例子中，分别以你的例子和带.html尾缀进行演示）：
1、本目录的使用（与本文件在相同的文件夹下）：
<a href="123456">
<a href="123456.html">
2、本目录下的子文件夹（设文件夹名为newdoc）的使用：
<a href="newdoc/123456">
<a href="newdoc/123456.html">
3、本目录下的子文件夹下的子文件夹（设文件夹名为newdoc2）的使用(如果更多层，则依此类推)：
<a href="newdoc/newdoc2/123456">
<a href="newdoc/newdoc2/123456.html">
4、本目录上一层父目录的使用：
<a href="../123456">
<a href="../123456.html">
5、本目录上两层父目录的使用(如果更多层，则依此类推)：
<a href="../../123456">
<a href="../../123456.html">
6、本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹)：
<a href="../new/123456">
<a href="../new/123456.html">
如果使用DW等网页制作软件的话，会有很完美的链接（URL）提示功能，使用这项功能可以为你减少很多该方面的麻烦，并且不会出错，发生找不到文件的情况，建议使用。
扩展资料：
在HTML中，页面相互嵌套，再带上frame的总和应用时，超链接的路径错误是个问题。如在java web开发时，下面是普通的超链接：
<a href="findallsupplier.action?sign=0"></a>
经常报找不到文件或是路径中有重复路径存在！
解决方法：
<a href="../../findallsupplier.action?sign=0"></a>
不仅要指明这个超链接要去访问谁，还要指明服务器处理完再次跳转时的相对路径。
外部CSS引用：
<link type="text/css" rel="stylesheet" href="../css/test.css" />
如果<a>链接</a>不设置href的话，部分浏览器将不会出现cursor“手指针”。
参考资料来源：百度百科-href
在html中 <a>标签表示是一个超链接。
1、一般作用的跳转页面，需要设置跳转的页面就是在href属性中设置要跳转的地址。
2、作为一个按钮使用，可以点击，但是不跳转页面而是做其他处理，就需要设置href 属性为javascript:
扩展资料：
用法分类
1、内部连接
<a href="#/URL">name</a>、
2、锚记
<a name="object-name">name</a><a href="#object-name">name</a>
3、外部链接
<a href="URL">name</a>
建立一个以name为表象的网址链接。
4、链接说明文字
<a href="/" title="链接说明">链接说明</a>
5、特效链接
特效链接的目的不是跳转到其他位置，而是为了实现基本页面特效，这种链接需要脚本来支持。
参考资料来源：百度百科-href
