网页设计【音频标签，视频标签，列表标签，div和span标签，表格标签】

																## HTML5网页设计

一，音频标签

在HTML5之前的版本的浏览器没有标准的方式播放音频文件，都是用插件来播放音频，例如Adobe Flash这种的。
直到HTML5的出现，它提供了标准的方式播放音频文件。
音频标签能能够决定播放的开始与结束，播放的次数，播放的位置。
属性：controls 显示播放控件
autoplay 自动播放
loop 循环播放
src 播放资源

			  标注：谷歌没有loop，没有autoplay，只有controls ，CSDN里面大佬说的原因是开发者怕流量资源损失过大，就没有了这几个属性了。
			  			IE浏览器有loop，autoplay，controls，width，height
	
	讲到音频标签，就不得不讲另外一个标签元素<source/>,它是音频标签内部使用的标签，这个标签用来决定播放的格式。因为不是所有的浏览器都支持所有的音频格式。比如Chrome，Safari就不支持WAV格式。如果我们将所有的格式都加入音频标签内，就可以解决浏览器的兼容问题。对浏览器更加的友好

二，视频标签

属性：
controls 显示播放控件
autoplay 自动播放
src 播放资源
loop 是否循环播放视频或者音频
一样的有source属性

三，列表标签
列表标签一般用来制作导航栏，新闻标题列表以及排行榜等。
常见的列表标签有无序列表，有序列表和定义列表
无序列表

ul表示不编号的列表方式，以符号作为分项标记。li表示列表项。
ul属性：type ：disc 实心圆，circle 空心圆环 ，square 正方形
有序列表

使用编号编排项目，而不是符号。li表示列表项。
ol属性：type：序列类型 start：序列起始值 类型有数字，字母，罗马数字等等
定义列表标签

dl定义了定义列表的开始和结束，dt代表要解释的名词，dd代表对该名称的具体解释

四，div标签和span标签
他们的作用是将你需要的元素组成一个区块。div和span标签都是容器类标签，都可以在里面存放其他标签，但两者也有区别。

默认情况下，它的元素会占满一行，存在多个元素时，将按照从上到下的方式排列（这里的元素是指div内的标签，称之为元素）
默认情况下，多个span标签可以存在于同一行，按照从左到右的方式排列。

五，表格标签

表格标签
行标签
单元格标签
table的属性: border:边框宽度 cellspacing=“单元格间距” cellspadding=“单元格填充” bgcolor=“背景图片” backgroundcolor=“背景图片的地址”
td的属性： colspan：所跨的列数 rowspan：所跨的行数 width 宽度， height 高度 ，内容对齐方向 align：left，right，center
tr的属性： bgcolor：背景颜色