HTML 提供了多种标签和属性,用于在网页中嵌入各种媒体内容。以下是一些常用的 HTML 媒体标签和相关属性:

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.pingtaimeng.com/article/detail/12444/HTML