1. <img> 元素： 用于嵌入图像。
<img src="example.jpg" alt="示例图像">
其中 src 属性指定图像的路径，alt 属性提供了图像的替代文本。
2. <audio> 元素： 用于嵌入音频。
<audio controls>
<source src="audio.mp3" type="audio/mp3">
您的浏览器不支持音频元素。
</audio>
controls 属性添加了音频播放器的控制按钮。<source> 元素用于指定不同格式的音频文件，以便浏览器选择支持的格式进行播放。
3. <video> 元素： 用于嵌入视频。
<video controls width="400" height="300">
<source src="video.mp4" type="video/mp4">
您的浏览器不支持视频元素。
</video>
controls 属性添加了视频播放器的控制按钮。<source> 元素用于指定不同格式的视频文件，以便浏览器选择支持的格式进行播放。
这些媒体元素提供了一种直观且易于使用的方法，使开发者能够在网页中呈现各种类型的媒体内容。<audio> 和 <video> 元素还支持多个 <source> 子元素，以便提供不同格式的媒体文件，确保在不同浏览器和设备上都能正常播放。
在使用媒体元素时，要确保提供合适的替代文本（通过 alt 属性或 <figcaption> 元素），这样即使媒体文件无法加载，用户仍能理解内容。
转载请注明出处：http://www.zyzy.cn/article/detail/3147/HTML