今天完成的事情：

完成了任务7的页面一

学习了用css添加三角形

html添加音频

html页面跳转

css绘制三角形：

{

    width: 0;（隐藏宽度）

    height: 0;（隐藏高度）

    border: 8px solid;（添加边框宽度和样式）

    border-color: #b9e9f5 transparent transparent transparent ;（只显示顶部边框）

}

transparent（显示透明）

完成后的效果。

添加音频使用audio标签：

<audio  src="image/Hop.mp3" controls="controls"></audio>

src=（音频的文件路径）

controls（添加浏览器自带音频播放器）

任务中需要把图片添加在播放器上，可以把播放器隐藏，然后用relative定位

播放器隐藏要用上opacity样式

audio{

    width: 90px;

    height: 50px;（设置宽高，尽量缩小点，不过显示太小会把播放按钮隐藏掉）

    opacity:0;（透明度样式，0完全透明）

    margin-right: -30px;（播放器太长，把播放器一部分移到页面外）

}

完成后效果。

页面跳转：

<a href="7.html"><img class="ark0" src="image/叉.png"></a>

直接添加a标签和html代码文件就行。