今天完成的事情：

（1）学习viewport内各个值代表的含义<meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

width控制视窗的基准宽度

user-scalable是否允许手动缩放

,initial-scale初始页面的缩放尺寸，如果设置则页面尺寸固定，不随屏幕尺寸缩放

maximum-scale随屏幕宽度放大时页面的最大缩放尺寸

 minimum-scale随屏幕宽度缩小时页面的最小缩放尺寸

（2）<img>和<imput>是内联元素，但是他们可以设置宽度和高度，也是替代元素。替代元素是指浏览器根据元素的标签和属性来决定元素的具体内容，内容可根据标签的属性值变化。

（3）编写任务七：http://118.126.113.248/jnshu745/task7/index.html

http://118.126.113.248/jnshu745/task7/vote.html

http://118.126.113.248/jnshu745/task7/result.html

明天计划的事情：

学习任务8

遇到的问题：

设置html ｛font-size：100px｝时，在<a>标签中插入<img>,<a>的高度会变得很高，不知道是什么原因？

解决方法：设置<a>为block元素，将要插入的图片设置为<a>的背景。

收获：

了解了viewport,了解了内联元素和替代元素