<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 图片音频视频学习</title>
</head>
<body>
<!-- img:定义图片
src:规定显示图片的位置
height：定义图像的高度
width：定义图像的宽度
audio:定义音频。支持音频的格式：MP3,WAW,OGG
src:规定音频的位置
controls：显示播放控件
video:定义视频。支持音频格式：MP4,WebM,OGG
src:规定视频位置
controls:显示播放控件-->
<!--
资源路径：1.绝对路径：完整路径：https://img.tukuppt.com/photo-big/00/00/94/6152bc0ce6e5d805.jpg
2.相对路径：（较多）：
（1）当前目录下：./a.jpg或啊。jpg
（2）在一层级下D:\HTML黑马学习\a.jpg等价于./HTML黑马学习/a.jpg
（3）平级：../img/a.jpg
尺寸单位：1.px：像素
2.百分比：指占屏幕的比例
-->
<img src="a.jpg" width="400" height="400">
<img src="https://img.tukuppt.com/photo-big/00/00/94/6152bc0ce6e5d805.jpg" width="400" height="400">
<audio src="c.mp3" controls="controls"></audio>
<video src="b.mp4" width="500" height="500" controls="controls"></video>
</body>
</html>
一些关于网页插入音频视频图片的注意事项在代码注释中，可自行查看
标签：视频,音频,音频视频,HTML,代码,图片 From： https://www.cnblogs.com/pengsuoqun123/p/17157284.html