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

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

① HTML相对路径怎么写

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

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

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

具体代码看下图

(1)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">即可。

② 如何设置本地html文件链接的路径

使用<a>标签就可以实现这个功能。1、在<a>标签的href属性中填写一个文件的路径,可以使相对路径也可以是绝对路径,则单击此链接即可打开该文件。2、实例: <html><head><tiele>测试</title><head><body><a href="123.text">打开一个名为123的文本文档</a><body></html>此时单击链接即可打开该文档,前提是该文档存在且和该页面在同一目录下。

③ 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后又是浅色背景色,那种不是没出来,而是视觉上看不出来。

④ html引用路径问题

<img src="file:///d:/img/1.jpg" width="200px"/>

⑤ 在HTML 中怎么引用外部文件夹里的HTML呢

在html中可以采用iframe的方式引入外部html文件。iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。如下这个示例:

<html><body><iframesrc="这里是外部html文件的路径"frameborder="0"></iframe></body></html>

在iframe中,src属性定义外部html文件的路径。frameborder定义是否有边框,0为无边框。iframe有以下常见属性:

1,align:不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

2,frameborder:规定是否显示框架周围的边框。,

3,height:规定 iframe 的高度。

4,marginheight:定义 iframe 的顶部和底部的边距。

5,marginwidth:定义 iframe 的左侧和右侧的边距。

6,name:规定 iframe 的名称。,

7,scrolling:规定是否在 iframe 中显示滚动条。

8,width:定义 iframe 的宽度。

⑥ html里的外部引入文件能写成绝对路径吗

当然可以,但是无论相对路径还是绝对路径,都要能够访问才行,如果你的工程位置移动了也需要将路径进行修改或者将这些文件也一起移动。

⑦ 关于html中引用图像相对路径的问题

1、例如:<img src="img1.png" /> ,双引号下直接是文件名,这是找当前文件(3-图片标签.html)所在目录(图片标签)下的img1.png。

⑧ 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>

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

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

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

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

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

赞 (0)