图片格式，内联框架，音视频的插入播放

 图片格式

1. jpeg(jpg)格式：支持颜色丰富，不支持动图，一般用于照片
2. gif支持颜色少，支持动图
3. png支持颜色丰富，支持复杂透明，不支持动图
4. wedp它基本具有所有优点，但有一个缺点，就是兼容性不太强

有一个较为普遍规律：如果同一张图片的效果一样或者相差不大，则格式选择文件大小最小的那一个。

BASE64进行图片编辑

可直接将图片转换为字符，通过字符来引入图片。可在百度搜base64点击图片转化链接即可。

注：该图片可以和网页同时加载，除非这方面要求特别高，否则一般不太使用。

............................................................................................................................

内联框架

用于向当前页面引入或者说镶嵌一个其他页面

用iframe标签例如：

   <iframe src="https://www.baidu.com/fram border="0"></ifram>

fram border 可以选择1或0，指的是；选o比较好看没有边框。

如果嫌太小也可给其中加入一个height和width进行调节。

注：大家可以试一试

............................................................................................................................

音视频的播放

audio标签

<audio src=""controls><audio>src依然指指定路径。

                       controls指的是可以控制音乐的开关播放

也可以在该标签中加一个autoplay标签，表示自动播放。

但该标签在现在大部分浏览器中大部分都不会有这个作用，因为这种的用户体验不太好，假如你把声音调的很大然后点进这个页面，就会被吓一跳，就好像我曾经在追剧的时候点错了点进了那个一刀九九九的页面，吓了我一跳。

autoplay在IE浏览器会起作用

也可以给controls后加一个loop标签，这样歌曲在播放完时就会循环播放。

 如果你的audio标签不起作用了，可能是兼容性的问题，可以去zeal软件查查audio标签与你浏览器版本的兼容性。

比如：audio与IE8并不兼容。

除了通过src来指定路径以外，source也可以

<audio controls>

当前版本不适合。

          <source src="...">   

          <source src="...">

</audio>

用该标签的特点：1.浏览器会从上向下依次识别，先与浏览器兼容的音频格式优先被播放

1. 可以填多个source,这样可以适应大部分浏览器
2.  在这个标签中添加(当前版本不合适)则当音频文件先被识别出来，则文字不会出现，若所有source都不能被识别，所有音频文件都与浏览器不兼容，这样就会出现这个文子提醒你，而不是显示一片空白让你懵逼。

番外：在某些老版本浏览器引入音视频播放器时也可以用

<embed src="..."type="...">(全自动播放）

也可以加width和height来调节宽和高。

type指类型type="audio/mp3'audio指大类型如之前说的img

mp3则指具体类型格式。

视频标签video标签

使用方法与audio音频标签的方法基本一致。如果你嫌自己下的视频会极占内存从而会卡顿，你可以到第三方视频软件中如腾讯视频中的视频上点分享，然后有个复制代码直接引用。（不过你引用腾讯视频下面会显示腾讯视频的标志哦。）