今天完成的事：

大致完成了任务7第一个页面，创建一排盒子，使用

让盒子从上到下排列

明天计划的事：

修改完成第一个页面，对第二个页面完成编写

遇到的问题：

左上角的三个白色框用外边距定为后出现白色空白带

收获：

了解了之后要用到的<audio>标签

HTML <audio> 元素用于在文档中表示音频内容。

 <audio> 元素可以包含多个音频资源，

 这些音频资源可以使用 src 属性或者<source> 元素来进行描述；

 浏览器将会选择最合适的一个来使用。对于不支持<audio>元素的浏览器，

<audio>元素也可以作为浏览器不识别的内容加入到文档中。

<audio>标签各属性

autoplay

布尔属性；如果指定（默认值为"false"！）；指定后，

音频会马上自动开始播放，不会停下来等着数据载入结束。

buffered

你可以通过该属性获取已缓冲的资源的时间段信息。该属性包含一个 TimeRanges 对象。

controls

如果设置了该属性，浏览器将提供一个包含声音，播放进度，

播放暂停的控制面板，让用户可以控制音频的播放。

loop

布尔属性；如果指定，将循环播放音频。

mozCurrentSampleOffset 

在音频播放时，表示相对于音频开始处的偏移量的一个数值。

muted

表示是否静音的布尔值。默认值为false，表示有声音。

played

一个TimeRanges 对象，表示所有已播放的音频片段。

preload

枚举属性，让开发者自行思考来示意浏览器使用何种加载方式以达到最好的用户体验。

可以是以下属性之一：

none: 示意用户可能不会播放该音频，或者服务器希望节省带宽；换句话说，该音频不会被缓存；

metadata: 示意即使用户可能不会播放该音频，但获取元数据 (例如音频长度) 还是有必要的。

auto: 示意用户可能会播放音频；换句话说，如果有必要，整个音频都将被加载，即使用户不期望使用。

空字符串 : 等效于auto属性。