<!DOCTYPE html>
<html>
<head>
<title>第三章练习</title>
</head>
<body>
<!-- 定义流 -->
<figure>
<img src="" alt="学生">
<figcaption>中学生</figcaption>
</figure>
<!-- 响应视图大小 -->
<picture>
<source media="" srcset="">
<source media="" srcset="">
<img src="" alt="" id="">
</picture>
<!-- MP3 -->
<embed src="图片或者视频" hidden="true"></embed>
<!-- object -->
<object type="文件"></object>
<!-- audio插入音频 -->
<audio autoplay="loop" src="" controls="controls">
你的浏览器不支持audio标签。
</audio>
<!-- 插入视频 -->
<video src="" controls="controls">
你的浏览器不支持video标签。
</video>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="images/picturefill.js" type="text/javascript"></script>
</head>
<body>
<picture>
<source media="(orientation: portrait)" srcset="images/kitten-large.png">
<source media="(orientation: landscape)" srcset="images/kitten-medium.png">
<!-- img标签用于不支持picture元素的浏览器 -->
<img src="images/kitten-small.png" alt="a cute kitten" id="picimg">
</picture>
</body>
</html>
