4.1H5音频标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>H5新增的音频标签</title>
</head>
<body>
<!-- HTML5新的语言标准 ，audio双标签, autoplay可设置自动播放（现在的浏览器都不支持）
controls设置显示进度条，loop设置循环播放-->
<audio src="music/2016.12.mp3" autoplay controls loop>
当前浏览器不支持audio
</audio>
<!-- src里写文件地址像img一样 -->
<!-- 没有哪一种音频格式兼容所有的浏览器，所以h5里面定义了source来解决这个问题 -->
<audio src="" >
当前浏览器不支持audio
<source src="music/2016.12.mp3>
<!-- <source src="music/2016.12.ogg> (为了兼容写了不同格式)-->
</audio>
</body>
</html>
4.1H5视频标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>视频标签</title>
</head>
<body>
<video width="1200" autoplay controls loop>
<source src="video/duola.mp4" type="video/mp4"></source>
<source src="video/duola.ogv" type="video/ogg"></source>
<source src="video/duola.webm" type="video/webm"></source>
当前浏览器不支持 video直接播放
</body>
</html>
4.1C3常见的文字样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常见的文字样式</title>
<style type="text/css">
div{
/* 行高 */
width: 200px;
height: 200px;
line-height: 200px;
background-color: #FFFF00;
/* 水平居中 */
text-align: center;
/* 文字颜色 */
color: #FFFFFF;
/* 文字大小 */
font-size: 20px;
/* 文字粗细 */
font-weight: 100;
/* 文字名称 */
font-family: "agency fb";
}
</style>
</head>
<body>
<div>从前慢</div>
</body>
</html>