在网页开发中，媒体元素是非常重要的一部分，它们可以让网页更加生动和多样化。在 HTML 中，我们可以通过一些标签来嵌入各种类型的媒体内容，如图片、音频、视频等。
图片
在 HTML 中，我们可以通过<img>标签来插入图片。<img>标签有一个src属性，用来指定图片的路径。例如：
<img src="image.jpg" alt="这是一张图片">
在上面的例子中，src属性指定了图片的路径，alt属性用来定义图片的替代文本，当图片无法加载时，替代文本会显示在页面上。
音频
在 HTML5 中，我们可以使用<audio>标签来嵌入音频文件。<audio>标签有一个src属性，用来指定音频文件的路径。另外，还可以设置controls属性来显示音频播放器控件。例如：
<audio src="audio.mp3" controls> Your browser does not support the audio element. </audio>
在上面的例子中，src属性指定了音频文件的路径，controls属性显示了音频播放器控件。如果浏览器不支持<audio>标签，那么会显示替代文本"Your browser does not support the audio element."。
视频
类似地，我们可以使用<video>标签来嵌入视频文件。<video>标签也有一个src属性用来指定视频文件的路径，以及controls属性来显示视频播放器控件。例如：
<video src="video.mp4" controls> Your browser does not support the video element. </video>
在上面的例子中，src属性指定了视频文件的路径，controls属性显示了视频播放器控件。如果浏览器不支持<video>标签，会显示替代文本"Your browser does not support the video element."。
这就是关于HTML媒体的基本内容，通过以上示例代码，你可以在网页中轻松嵌入图片、音频和视频等媒体内容，让你的网页更加生动和丰富。