标签就是用来给内容添加语义的，告诉浏览器这块内容要表达的是什么，要表达成什么样子，而不是用来改变样式，改变样式使用css
<!doctype html>
<html>
<head>
<meta charset="GBK"/>
<title> 表单</title>
</head>
<body>
<!--video自动播放视频的标签
src指定播放视频的路径
autoplay是否自动播放
controls用于控制是否显示控制条
poster播放视频之前的站位图片
loop控制是否循环播放
preload是否预加载视频，但是与autoplay冲突，因为自动播放了已经还缓存个毛
muted静音
width 和height设置播放窗口的宽高
-->
<video src="" autoplay="autoplay" controls="controls"
poster="pic_ka.png" loop="loop" preload="" muted="muted">
</video>
<!-- video标签的第二种格式
因为浏览器分为很多种，没种浏览器又不能支持所有的视频格式，所以我们需要指定很多种视频格式，
以支持多种浏览器的播放
-->
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240">
</object>
</video>
<!-- 播放音频和video差不多
src指定路径
-->
<audio src="">
</audio>
<!-- 第二种方式 -->
<audio controls height="100" width="100">
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
<embed height="50" width="100" src="horse.mp3">
</audio>
<!-- 详情和概要标签
details详情
summary 概要标签 -->
<details>
<summary>概要标签</summary>
</details>
<!-- 字符实体
在html中，对空格，回车，tab不敏感，会把多个当成一个来处理
空格使用 有几个显示几个空格
< 小于符号 >大于符号>
© 版权符号
-->
©
</body>
</html>
网友评论