Html5/网页简洁导航栏制作？
1、我们以下图所示的导航栏为标准来制作一个导航栏。
2、首先大家看看这个的原理
<nav>
<div>
<a href="index.html"><li>首页</li></a>
<a href="#"><li>杂志</li>
</a><a href="#"><li>签到</li></a>
<a href="#"><li>商场</li></a>
</div>
<nav按照这个格式你就可以制作出你想要的导航栏了。
什么是html5网站？
HTML5（WEB前端）的技术组成
HTML5（WEB前端）技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。
如何理解结构、样式与行为
简单来说，HTML5（WEB前端）是“将设计图转换为用户查看的网页”所需要的技术。
结构实现的是网页中的标题、列表、图片等标签。
样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。
行为可以实现网页中的时间，电商网站当中的倒计时效果，在注册表单时用户名是否重复的检测，网站当中顶部图片的切换特效等等。
简单的理解结构样式和行为：将网页看做一个装修好的功能完备的房子，那么结构实现的是房间以及家具的位置布局，样式则是针对房间进行装饰，行为是为房间添加“开门”等功能。
如何用HTML5向网页中插入音频？
1、打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件。
2、打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF-8。
3、接下来在body标签中插入audio元素，audio元素里面通过source引入音频文件，如下图所示，注意文件的类型要写对。
4、运行编写好的页面程序，你会在网页中看到如下图所示的音频播放器，我们点击播放按钮就会自动播放音频。
5、当然有很多的老版本的浏览器并不支持audio元素，这个时候我们可以在audio里面添加一个提示，当浏览器不支持audio元素的时候就会显示这个提示。
6、如果想进入播放页面就立即自动播放音频内容，那么需要在audio中添加一个controls属性，如下图所示。
7、最后，列举了一下当前主流浏览器对HTML5里面audio元素的支持情况，大家可以做一下参考。
1、打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。
2、在这里通过图示的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了，需要用autoplay设置自动播放，controls设置控制栏。
4、下一步，用source可以连接对应的视频资源，注意路径不要写错。
5、完成以后，等网页加载出来就会插入视频播放器自动播放视频，左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。