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、通过上面的写法,你应该知道怎么操作了