媒体组件 image 和 video
一、基本语法
-
图片标签
<img />，主要用于图片的显示，其中src属性是图片的地址 -
视频标签
<video> </video>，主要用于视频的显示，其中src属性是视频的地址
<img src="demo.png" />
<video src="demo.mp4" ></video>
二、代码实战
代码的详细解读，可以参考视频教程。
新建 html 文件 09-media.html，编写下方程序，运行看看效果吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Image和video</title>
</head>
<body>
<img style="width: 200px; height: 100px;" src="./media/picture.jpg" />
<video style="width: 400px; height: 200px;" src="./media/game.mp4" controls></video>
</body>
</html>