html中<a href> <a>的用法

相对跳转有如下方式，需要了解（以下的例子中，分别以你的例子和带.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 href=url>Link text</a>href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

实例<a href=url/>Visit W3School</a>上面这行代码显示为：Visit W3School

点击这个超链接会把用户带到 W3School 的首页。

提示：链接文本 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性使用 Target 属性，你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档：

<a href=http://url/ target=_blank>Visit W3School!</a>

src 是指向物件的来源。

href是指向需要连结的地方。

url是通用的 "连结" 的专业代名词，在 HTML语法里几乎不会使用。

url不是属性，src和href是属性，src用于替换当前元素，href用于在当前文档和引用资源之间确立联系，也就是说src引用的路径是img自己的路径，href引用的路径是要跳转到的地方。

---