HTML5图片路径
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src="c:\Users\songs\Downloads\3.webp" width="500px" > <!--绝对路径-->
<img src="1.webp" alt="TFBOYS" width="300px" title="NO.1"> <!--src 图片的路径和名字 alt 当图片显示不出来时，用文字代替图片 width 限制图片大小 宽 height 高度 title 鼠标放在图片上时的提示-->
<img src="1.webp" width="500px"> <!--相对路径 同级关系--> <img src="./image/2.webp" width="500px" > <!--子集关系 照片是程序的子集-->
</body>
</html>
img为单标签，可以将图片显示在网络界面上，图片有着相对应的属性，如上述注释；图片有着三种路径，绝对路径，相对路径和网络路径。
绝对路径为电脑盘访问的具体地址图片；
相对路径分为父级，子级和同级关系，父级用../访问，子级用/访问，同级用./访问（可省略）;
通过图片与代码的关系来判断父、子和同级，如：图片为父级则为父级关系。
网络路径的访问 可直接在src中添加网络地址