html引用文件路径|html与css中图片引用路径问题

html引用文件路径|html与css中图片引用路径问题的第1张示图

1. html在引入css时的路径应该怎么写

可以用绝对路径,以 / 开头表示从项目最外层开始,然后往里找,另一种是相对路径,从当前文件开始 ../ 这样一层一层向上找或者直接往下找,最后还得注意大小写

2. html文件里引用js文件一般放在什么位置

这个不是一定要放在上面位置主要根据你要引用的JS的作用来定如果是jquery 一般放在HTML中的head区域内

3. HTML相对路径怎么写

你用法没有错误,你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠().

在html里面引用外部image,或者html都是./这样写的。例如A,B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写<a href="A.html" />

如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了<a href="../A.html"/>,此时2个点就定位到了B的上级目录,也就是和A同一个目录了,这就是相对定位。

具体代码看下图

(3)html引用文件路径扩展阅读:

比如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">即可。

4. html与css中图片引用路径问题

css 里面引用路径看上去是对的:background: url(../image/nav_on.gif);直接在 css 文件里面写:body{background: url(../image/nav_on.gif);}写好保存 css 后刷新网页,如果 index.html 和文件夹里面那个 php 页面看背景是不是会出现在整个网页上,没有的话说明你代码或引用css文件的方法有错误。如果整个页面都出现了背景图的话,最大可能就是你的a没足够的宽度高度,背景实际上是引用正确了的,因为宽高不够,没显示出来,请把你的 #choice 设为块级元素并给足够的宽高值,即:#choice{display: block;width: xxx;height: xxx;}a链接默认是行内元素,行内元素大小是由它里面包含的:文字、图片、多媒体及其他html元素的大小决定的。行内元素里面包含的大小有多大,就只会把行内元素撑开成多大,比如:<a>123</a>上面这个 a 链接里面只有 123 三个字符(假设字号是12px,行高是默认),那 a 的实际大小就只是比三个字占的面积略大一点,大概高15px、宽40px左右,你css里面设置宽度300px,高度300px,这个 a 是不会变大的,当你 display: block; 把 a 这个东西改成块级元素了,就会变成你设置的 300px 宽高。还有个,经常有才学的人弄个浅色背景图,网页或a:hover后又是浅色背景色,那种不是没出来,而是视觉上看不出来。

5. html中img的src相对路径怎么写

html中img的src相对路径的写法:

同一个目录的文件引用—直接写引用文件名即可。如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。

例如:

我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "index.html">这是超连接</a>Notice:

如何表示上级目录../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "../index.html">这是超连接</a>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "../../index.html">index.html</a>假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "../wowstory/index.html">index.html</a>

Notice:如何表示下级目录引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "html/index.html">这是超连接</a>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html在info.html加入index.html超链接的代码应该这样写:

<a href = "html/tutorials/index.html">这是超连接</a>

6. HTML怎么引入js文件的相对路径

<head><!–如果两个文件在同一目录下–><script type="text/javascript" src="jtinymce-5.6.2.min.js"></script><!–如果js文件在js目录下–><script type="text/javascript" src="js/jtinymce-5.6.2.min.js"></script></head>

7. 在html中不用绝对路径,可以用相对路径引入图片吗

当然可以,相对路径是相对于当前目录位置而言的,一但调入文件index.html或图片所在目录的位置发生变化则图片就不会被显示,而将起始文件index.html和图片文件目录放置在同一个目录中时用相对路径会比较方面,只要整体移动就不会有问题,因此养成良好的编程习惯相当重要。

8. 关于html调用js的路径问题

楼上的方式是可以实现,但是就是要判断到底距离目标文件的位置;所以最好就是用相专对根路径属;即<script type="text/javascript" src="/test/hits/xxxxx.js"></script>这样的话,无论你在任何位置都可以正确调用你的文件了。

9. html绝对路径跟相对路径怎么用

HTML相对路径和绝对路径HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。HTML有2种路径的写法:相对路径和绝对路径。HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里,直接写引用文件名即可。我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "index.html">index.html</a>如何表示上级目录../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../index.html">index.html</a>假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../../index.html">index.html</a>假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../wowstory/index.html">index.html</a>如何表示下级目录引用下级目录的文件,直接写下级目录文件的路径即可。假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "html/index.html">index.html</a>假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "html/tutorials/index.html">index.html</a>HTML绝对路径(Absolute Path)HTML绝对路径(absolute path)指带域名的文件的完整路径。假设你注册了域名www.ote.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: http://www.ote.com。假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.ote.com/html_tutorials/index.html。

未经允许不得转载:山九号 » html引用文件路径|html与css中图片引用路径问题

赞 (0)