好的，我将为您生成一本markdown格式的学习文档，主题是HTML 媒体学习笔记。

HTML 媒体学习笔记

图像

插入图片

插入图片可以使用<img>标签，其语法如下：

htmlCopy Code
<img src="图片地址" alt="替代文本">

其中，src属性表示图片的URL地址，alt属性用于在图片无法显示时提供替代文本。

例如，插入一张名为example.jpg的图片：

htmlCopy Code
<img src="example.jpg" alt="示例图片">

响应式图片

响应式图片可以随设备屏幕大小变化而自适应调整大小，可以使用<picture>标签和<source>标签来实现。例如：

htmlCopy Code
<picture>
  <source media="(min-width: 768px)" srcset="large.jpg">
  <source media="(max-width: 767px)" srcset="small.jpg">
  <img src="fallback.jpg" alt="示例图片">
</picture>

其中，<source>标签中的media属性用于定义响应式条件，srcset属性用于指定不同分辨率下的图片路径。

使用CSS样式控制图片

可以使用CSS样式表来控制图片的大小、对齐方式等样式，例如：

htmlCopy Code
<style>
  img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
</style>

音频

插入音频

插入音频可以使用<audio>标签，其语法如下：

htmlCopy Code
<audio src="音频地址" controls></audio>

其中，src属性表示音频的URL地址，controls属性用于添加播放控制器。

例如，插入一个名为example.mp3的音频文件：

htmlCopy Code
<audio src="example.mp3" controls></audio>

使用CSS样式控制音频

可以使用CSS样式表来控制音频的样式，例如：

htmlCopy Code
<style>
  audio {
    width: 100%;
  }
</style>

视频

插入视频

插入视频可以使用<video>标签，其语法如下：

htmlCopy Code
<video src="视频地址" controls></video>

其中，src属性表示视频的URL地址，controls属性用于添加播放控制器。

例如，插入一个名为example.mp4的视频文件：

htmlCopy Code
<video src="example.mp4" controls></video>

嵌入视频

可以使用<iframe>标签来嵌入视频，例如：

htmlCopy Code
<iframe src="视频地址"></iframe>

其中，src属性表示视频的URL地址。

使用CSS样式控制视频

可以使用CSS样式表来控制视频的样式，例如：

htmlCopy Code
<style>
  video, iframe {
    width: 100%;
    height: 400px;
  }
</style>

以上就是HTML媒体学习笔记的内容，希望对您有帮助。