<!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>