html的图片的三种路径代码，各该怎样写

html-css014

html的图片的三种路径代码，各该怎样写,第1张

html的图片的各种路径代码

物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>

相对路径：如果是网站的话，则为下面的：<img src="images/tupian.jpeg"/>

这个为html文件和images同一目录的写法：<img src="tupian.jpeg"/>

这个为图片和html文件同一目录的写法:<img src="../images/tupian.jpeg"/>

这种为html所在文件夹和images文件夹处同一目录也是网站的主目录下的写法。

扩展资料：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

语言概述

在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。

Web页面也就是通常所说的网页，在这里不作区分。

HTML环境下进行的相对路径表示方法：

相对路径是指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。表示方法如下：./：代表文件所在的目录（可以省略不写）../：代表文件所在的父级目录../../：代表文件所在的父级目录的父级目录/：代表文件所在的根目录值得注意的是，（/：代表文件所在的根目录）其实可以理解成项目内部的绝对路径。

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

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