HTML 中的媒体元素允许在网页中嵌入多媒体内容,如图像、音频和视频。以下是一些常见的 HTML 媒体元素:

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> 元素用于指定不同格式的视频文件,以便浏览器选择支持的格式进行播放。

4. <iframe> 元素: 用于嵌入其他网页或外部内容。
   <iframe src="https://www.example.com" width="600" height="400" frameborder="0" allowfullscreen></iframe>

   src 属性指定要嵌入的内容的 URL,width 和 height 属性设置嵌入框的尺寸。

这些媒体元素使网页开发者能够丰富页面的内容,提供更多的信息和交互性。请注意,在使用这些元素时,应该确保使用合适的格式和适当的替代文本,以确保网页对所有用户友好。


转载请注明出处:http://www.zyzy.cn/article/detail/3146/HTML