HTML相对路径怎么写?
<body>
<center>
小说
<p><a href=".\jinyong\sd.html">《射雕英雄传》</a>
<a href=".\gulong\scj.html">《长生剑》</a></p>
</p></body>
</html>
帮我看看哪里错了 这个是index里的 而 jinyong 和 gulong都在领一个文件里 展开
你用法没有错误，你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).
在html里面引用外部image,或者html都是./这样写的。例如A，B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写<a href="A.html" />
如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了<a href="../A.html"/>,此时2个点就定位到了B的上级目录，也就是和A同一个目录了，这就是相对定位。
具体代码看下图
扩展资料:
比如html中想使用<img>标签来引入一个图片，那图片的引用src属性就涉及到一个路径问题。
相对路径指的是什么呢？指的就是相对于当前资源（当前资源现在指的就是html文件的位置）所在目录的位置。
1.比如一个文件夹叫hello
里面的文件一个叫demo.html
另一个叫2.jpg
则在demo.html中引用2.jpg文件时就可以直接写<img src="2.jpg" alt="这是一只大松树">,因为2.jpg现在相对于demo.html（当前资源）所在的目录hello,是直接在文件夹中的，所以正确。
2、当不在一个目录下时，怎么办?比如此时有了另一个文件夹world与hello文件夹并列，2.jpg此时位于world文件夹中，此时该如何引用呢？
答案： ../可以返回上一级目录，需要返回几级目录就写几个../
此时可以写作<img src="../world/2.jpg">即可。
HTML写相对路径的代码：
<html>
<body>
<center>
小说
<p><a href="/jinyong/sd.html">《射雕英雄传》</a>
<a href="/gulong/scj.html">《长生剑》</a></p>
</p></body>
</html>
相对index.html所有的目录而言：
“../”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始。
扩展资料
建一个源文件info.html，在info.html里要引用index.html文件作为超链接。
表示源文件所在目录的上一级目录，
假设info.html路径是：c:\Inetpub\ww wroot\sites\blabla\info.htm l
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html
html文件作为超链接。c:\Inetpub\wwwroot.
在info.html加入ind ex.html超链接的代码应该这样写：index.html
参考资料：百度百科 相对路径
html中的相对路径：
../表示目录的上一级
例如：一个网站文件夹text里有HTML、JS、CSS....文件夹，HTML文件夹有个text.html， JS文件夹有个text.js， CSS文件夹中有个text.css。
则在text.html中引用text.js和text.css则可用这段代码：
<link rel="stylesheet" href="../CSS/text.css">
<script type="text/javascript" src="../JS/text.js"></script>
./表示同级目录
如：一个网站文件夹text里有HTML文件夹，text.js，text.css，HTML文件夹有个text.html，
则在text.html中引用text.js和text.css则可用这段代码：
<link rel="stylesheet" href="./text.css">
<script type="text/javascript" src="./text.js"></script>
同级目录直接写文件名称
如：一个文件夹中有text.html，text.js,text.css，则引用为：
<link rel="stylesheet" href="text.css">‘’
<script type="text/javascript" src="text.js"></script>
<body>
<center>
小说
<p><a href="/jinyong/sd.html">《射雕英雄传》</a>
<a href="/gulong/scj.html">《长生剑》</a></p>
</p></body>
</html>
相对index.html所有的目录而言：
“../”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始。
2018-06-29 · 专注互联网IT教育
深圳海枫科技有限公司
表示当前同目录下，有jinyong目录
2、<a href="../gulong/scj.html">《长生剑》</a>
表示上一级目录中，有gulong目录
../../ 这个可以表示上两级目录
3、通过上面的写法，你应该知道怎么操作了
|
广告 您可能关注的内容 |
