1. 图片 (<img>):
用于在页面中嵌入图像。示例:
<img src="image.jpg" alt="描述性文本">
- src: 图像文件的路径或 URL。
- alt: 图像的替代文本,用于无法显示图像时的替代信息。
2. 音频 (<audio>):
用于嵌入音频文件。示例:
<audio controls>
<source src="audio.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
- controls: 提供音频播放器的控制按钮。
- <source>: 指定不同格式的音频文件,以便浏览器选择支持的格式。
3. 视频 (<video>):
用于嵌入视频文件。示例:
<video controls width="600">
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
- controls: 提供视频播放器的控制按钮。
- width: 视频播放器的宽度。
4. 嵌入式内容 (<iframe>):
用于嵌入其他网页或外部内容。示例:
<iframe src="https://www.example.com" width="600" height="400" frameborder="0" allowfullscreen></iframe>
- src: 嵌入内容的 URL。
- width 和 height: 嵌入框的宽度和高度。
- frameborder: 控制是否显示框架边框。
- allowfullscreen: 允许内容在全屏模式下播放。
5. 画布 (<canvas>):
用于通过脚本绘制图形。示例:
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000;"></canvas>
- id: 用于通过 JavaScript 引用画布。
- width 和 height: 画布的宽度和高度。
这些是一些常见的 HTML 媒体标签和属性。根据具体需求,你可以选择合适的标签来嵌入图像、音频、视频或其他媒体内容。
转载请注明出处:http://www.zyzy.cn/article/detail/12444/HTML