标记和插入音频视频

ID特性：每个HTML元素都可以附带ID特性，ID特性用来从页面上其他元素对一个元素进行唯一标识（定位）

class特性：每个元素都可以附带class特性，用于将元素归类。

块级元素：

内联元素：

src：该特性指定视频的路径
poster：在视频加载时或者视频播放之前，该特性用于指定在播放器中显示一个图像。
width，height：用像素指定播放器的宽和高
controls：让浏览器提供默认的播放控件
autopplay：让视频自动播放
loop：让视频在结束后重新播放，重复播放。

preload:该特性告诉浏览器在页面加载时要做什么。它可以选用以下三个值。
none：该值标识在用户按下播放按钮时，浏览器不必加载视频。
auto：该值标识浏览器应该在页面加载时载入视频。
metadata：该值标示浏览器只需收集少量视频信息，比如大小，首幁图像，播放列表和持续时间。


<body>
<h1>注释</h1>
<!--测试-->
<H1>id</H1>
<p id="1"></p>
<hr>
<div id="2">
<h1>DIV 将文本和元素集中在一个块级元素中</h1>
<ul>
<li>床前明月光</li>
<li>疑是地上霜</li>
<li>举头望明月</li>
<li>低头思故乡</li>
</ul>
<ol>
<li>锄禾日当午</li>
<li>汗滴禾下土</li>
<li>谁知盘中餐</li>
<li>粒粒皆辛苦</li>
</ol>
</div>
<hr>
<style type="text/css">
.gallery {
text-transform: uppercase;}
</style>
<h1>span 将文本和元素集中在一个内联元素中</h1>
<p>Anish Kapoor won the Turner Prize in 1991 and exhibited at the<span class="gallery">Tate Modern</span>gallery in London in 2003.</p>
<hr>
<h1>内联框架 iframe</h1>
<iframe src="https://www.hao123.com/" width="500" height="250";output=embed>
</iframe>
<hr>
<h1>转义字符</h1>
<p>< > &copy &reg</p>
<hr>
<h1>插入视频；添加视频</h1>
<video src="V/001.mp4"
poster="img/001.jpg"
width="800"
height="450"
preload
controls
loop>
</video>
<hr>
<h1>插入音频；添加音频</h1>
<audio src="audio/001.mp3" controls autoplay>
<p>This browser does not support our audio format.</p>
</audio>
</body>

---恢复内容结束---

<body>
<h1>注释</h1>
<!--测试-->
<H1>id</H1>
<p id="1"></p>
<hr>
<div id="2">
<h1>DIV 将文本和元素集中在一个块级元素中</h1>
<ul>
<li>床前明月光</li>
<li>疑是地上霜</li>
<li>举头望明月</li>
<li>低头思故乡</li>
</ul>
<ol>
<li>锄禾日当午</li>
<li>汗滴禾下土</li>
<li>谁知盘中餐</li>
<li>粒粒皆辛苦</li>
</ol>
</div>
<hr>
<style type="text/css">
.gallery {
text-transform: uppercase;}
</style>
<h1>span 将文本和元素集中在一个内联元素中</h1>
<p>Anish Kapoor won the Turner Prize in 1991 and exhibited at the<span class="gallery">Tate Modern</span>gallery in London in 2003.</p>
<hr>
<h1>内联框架 iframe</h1>
<iframe src="https://www.hao123.com/" width="500" height="250";output=embed>
</iframe>
<hr>
<h1>转义字符</h1>
<p>< > &copy &reg</p>
<hr>
<h1>插入视频；添加视频</h1>
<video src="V/001.mp4"
poster="img/001.jpg"
width="800"
height="450"
preload
controls
loop>
</video>
<hr>
<h1>插入音频；添加音频</h1>
<audio src="audio/001.mp3" controls autoplay>
<p>This browser does not support our audio format.</p>
</audio>
</body>