今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成了任务七第二个页面的部分布局
明天计划的事情：（一定要写非常细致的内容） 

计划完善任务七第二个页面
遇到的问题：（遇到什么困难，怎么解决的） 

遇到了如何做一份音频播放器的问题，如何像设计图上面的这样样式，还可以点击播放

收获：（通过今天的学习，学到了什么知识）

学会了如何使用<audio>标签，在使用看这个标签以后

就是变成了这样的

标签定义及使用说明

<audio> 标签定义声音，比如音乐或其他音频流。

目前，<audio> 元素支持的3种文件格式：MP3、Wav、Ogg。

它还有以下的其他属性

autoplay 属性

定义和用法

autoplay 属性规定一旦音频就绪马上开始播放。

如果设置了该属性，音频将自动播放。

controls 属性

controls 属性是一个布尔属性。

如果属性存在，它指定音频控件的显示方式。

音视频控件包括：

• 播放
• 暂停
• 进度条
• 音量

 loop 属性

定义和用法

loop 属性是一个布尔属性。

如果设置该属性，则音频将循环播放。

muted 属性

定义和用法

muted 属性属于逻辑属性。

如被设置，则规定视频输出应该被静音。

 preload 属性

定义和用法

preload 属性规定是否在页面加载后载入音频。

如果设置了 autoplay 属性，则忽略该属性。

src 属性

定义和用法

src 属性描述了音频文件的地址 (URL)。

Ogg 文件格式的音频，可以在 Firefox, Opera 和 Chrome 浏览器下播放。

如果需要在 Internet Explorer 和 Safari浏览器播放音频，必须使用 MP3 文件。

如果需要兼容所有浏览器 - 请在<audio> 元素中使用 <source> 元素 。 <source> 元素可以链接到不同的音频文件。浏览器将使用第一个可识别的音频文件格式。

他和<video>的特点在哪里呢？

1、video和audio的优点：

不需要第三方插件就能播放音频和视频了，可以直接插入，并且用同一的API接口控制。

2、video和audio的缺点：

1) 暂时没有对流视频的支持和规范。流媒体分HTTP渐进流式下载和实时流式传输，video和audio属于HTTP渐进流式下载，不需要流媒体服务器，普通HTTP服务器就可以。

2) 播放媒体类型不统一。由于各种原因，HTML5没有对播放媒体类型做规定，这可以通过source来改进，如果不支持播放第一个文件就播放下一个，以此类推。

3) 资源受跨域共享的限制。跨域的媒体数据需要统统下载到本地服务器。

4) 全屏无法通过脚本控制。从安全性角度来看，让脚本元素控制全屏操作是不合适的。不过，如果要让用户在全屏方式下播放视频，浏览器可以提供其他控制手段。

3、常用属性：

1) video和audio共有的可读写属性：

2) video元素独有的属性：

4、常用方法：

5、常用事件：