[2019.06.22 学习笔记1]
1.<img>图片标签，自闭合标签
2.必要属性src，src="图片地址"
3.重要属性title，鼠标经过时候提示的文字
4.重要属性alt，图片未正常显示的提示文字
5.width：设置图片宽度
6.height：设置图片高度
7.border：定义图片的边
8.align:（top、bottom、middle、left、right）设置图片在文本中的位置，默认底部,CSS中为text-align。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片</title>
</head>
<body>
<img src="background.jpg" title="图片" alt="图片未能正常显示" width="50px" height="50px" border="2px"/>
<!-- align属性 -->
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px"/></p>
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px" align="top"/></p>
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px" align="bottom"/></p>
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px" align="middle"/></p>
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px" align="right"/></p>
<p>关于高考状元的话题，可谓延绵不绝。<img src="background.jpg" width="50px" height="50px" align="left"/></p>
</body>
</html>
9.<img>是行内元素