以下为当前总结，还未完善好，当然以后会不断学习补充的
1.alt 属性
必需的属性，它规定在图像无法显示时的替代文本
假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：网速太慢，src 属性中的错误，浏览器禁用图像，用户使用的是屏幕阅读器
用法：<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
注意：alt表示图片不能正常显示时的替换内容，里面可以加上文字，一般不写这个属性的话会有警告错误，所以我一般是会加上的
2.网页加图标
<head lang="en">
<meta charset="UTF-8">
<link rel="shortcut icon" href="./0223.png">
<title>前端开发</title>
</head>
<link>标签中href为图标相对位置，最好放在网站的根目录下
添加icon，href后面加图片路径，相当于<img src="">标签中的src属性
【常出现问题】
①图片引不到html页面，提示404路径错误.
检查后发现相对路径正确，可就是引不到。这时你可以试着只访问图片，然后把路径改为自顶级路径向下
<img src="../../../xitong/image/tu.png">
../../../xitong是顶级路径，这里xitong即为项目名
②页面不显示图片
【这里有个新方法，用代码编辑器打开网页，拖动图片显示出绝对位置，然后复制到项目中即可】
通过浏览器启动时，发现页面无法应用本地图片，浏览器也没有报错。
经过多次查找后发现是图片路径问题，因为图片没有经过服务器，所以肯定加载不出来
这时我把路径改为图片经过服务器路径：
原来的：<img src="./Firefox_wallpaper.png"> 改动后的：<img src="localhost/xitong/views/Firefox.png">