区别就是选择的路径不同。因为加“/”的意思是根目录下的绝对路径，不加“/”的意思是当前目录下的相对路径。
HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。
拓展资料一、HTML超文本标记语言，标准通用标记语言下的一个应用。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
二、超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
三、在网页中除了可显示常见的美国信息交换标准代码（外语缩写：ASCII）字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。
四、字符代码以“&”符开始，以分号""结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号""结束，其间是编号，如®。
五、超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。
当然可以，相对路径是相对于当前目录位置而言的，一但调入文件index.html或图片所在目录的位置发生变化则图片就不会被显示，而将起始文件index.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文件所在的目录）,相对路径就是相对这个目录的。
