html <img>标签
<Img>图片标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">--> <meta http-equiv="Refresh" content="3"> <title>Title</title> </head> <body> <img src="car.jpg" width="200px" height="100px" > </body> </html>
如下：
src表示路径，因为我在我的工程下，添加了图片，路径也是正常可找到的，结果就展示出我设置的路径下的图片来
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">--> <meta http-equiv="Refresh" content="3"> <title>Title</title> </head> <body> <img src="c222ar.jpg" width="200px" height="100px" alt="加载不出来图片"> </body> </html>
如下：
设置alt属性，表示：图片路径找不到时，就只能展示预先设置的 alt 里面的东西
（如我设置的，当找不到图片或路径不对时，那么图片不展示，且展示alt里面的内容“”加载不出来图片“”）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">--> <meta http-equiv="Refresh" content="3"> <title>Title</title> </head> <body> <img src="car.jpg" width="300px" height="200px" alt="加载不出来图片" title="豪车"> </body> </html>
如下：
title元素，达到鼠标悬浮效果，设置悬浮的提示文字。移动鼠标至图片上，会展示出来文字
================================================================
=================================================================
总结：
<img>标签：
1、Src属性，表示指明图片路径，
2、width 和height属性， 表示指定图片的宽和高！ 宽和高在程序里面单位是px：px就是像素，尺寸的意思！
------>>后续一般是css来渲染，不会像这样HTML页面直接设置
3、alt属性，表示自己去指定东西。如：图片找不到时，展示alt里面的东西。
4、title属性，表示设置悬浮提示文字的效果。我们常见的移动鼠标至按钮或者行列信息上会展示出提示信息来，就是通过这样的方式来设置的。
