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

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

2、当img1.png在图片标签目录在，那么就可以防问到。点击可以预览到图片效果。另外<img src="./img1.png" />和<img src="img1.png" />是一样的，但是当前路径。

3、如下图，当我们把img1.png移动到图片标签的上层目录html标签时。这时<img src="img1.png" />路径不对。无法显示图片。

4、如果想访问到这张图片，可以使用<src="../img1.png" />../    就是代表上层目录。图片标签目录的上层目录就是——html标签目录。

5、我们将图片再往外挪到web01-html目录下。这时候并不是加一个点可以访问到（并不是  .../），而是再加一个上层目录,具体几个上层目录，主要看参照物是当前文件（3-图片标签.html）所在目录——图片标签<src="../../img1.png">。

6、接下来我们把图片放到web01-html目录下的img目录。注意参照物是图片标签（也就该html文件所在的目录）,相对路径就是相对这个目录的。

如何注释html代码注释代码，有时候是为了说明用途和其他详细信息，有时候是把暂时不需要用到的代码先暂时注释，以备后用。尤其是做网站的时候，因需求的改动 ，经常需要改动代码，这些代码辛辛苦苦写出来，不舍得抛弃，或担心需求又重新回归原样，于是会把一些暂时不用的代码先注释掉。 *** 作方法01先来说说html的注释代码吧html注释是这样的格式： <!--你的代码块-->，可以单行注释，也可以注释多行；在sublime中的快捷键是 ctrl+shift+/ 02html的注释很多方面是给某一段落做说明，不仅让自己以后维护方便，也给其他接手的同事“赏心悦目”的感觉，一看就懂，更方便以后管理代码；如图所示，每个模块都做好注释，看起来都舒服的多吧~；03当然需要注意的是，虽然html的注释格式是 <!--你的代码块-->，但如果遇到<!-- #include 你的代码块-->等代码，切忌千万小心，这段可不一样，它是段包含语句，是调用了其他文件的一段代码，千万可别删掉了。04再说说css注释代码；css注释是这样的格式： /* 你的css */，多数情况下也是用于说明05当然也可以在css代码里面注释，表示这段代码暂时“屏蔽”不用；06再说说js的注释；js单行注释是这样的格式： // 你的js代码； 可以用于说明你当前代码的用途啊、作用啊等等~07js还能注释多行代码，格式跟css注释一样：/* 你的js *； 如图所示，把整段暂时不用的代码注释掉~注意html的注释 包含include 的特殊情况；

<div class="div01"><a href="/logovi.html"target="_blank"><img src="images/dt7.jpg"></a></div>

是不是这个链接不存在？看你其他的链接地址前面都没有斜杠。

---