图片标签格式 :
<img src="放图片地址(网络\本地)" alt=" ">
网络路径(绝对路径)
<img src="网络地址,png" alt=" ">
注 : 网络地址要联网,alt可写可不写,乱改网址的话图片会变成标识
本地路径(相对路径)
<img src="本地地址.jpg" alt=" ">
注 : alt可写可不写
1.html文件和图片文件在同一级目录下,那么直接使用图片作为引入名字就可以
2.<img src="img/kk.jpg" alt=""> 图片位于img文件夹下
3.<img src="../img/kk.jpg" alt=""> 图片位于多个文件夹下,则只显示图片位于的最小级img文件夹,其他文件夹用两点表示
1、<img src =“ img1.png” />,直接在双引号下是文件名,当前文件(3-picture tag.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-picture tag.html)所在的目录-图片 标签<src =“ ../../ img1.png”>。
6、接下来,将图像放在web01-html目录下的img目录中。请注意,引用对象是图像标签(即html文件所在的目录),相对路径是相对于此目录的。