图片格式、超链接

一、图片格式：

1、JPEG：支持颜色多，图片可以压缩，不支持透明，一般用来保存照片等颜色丰富的图片。

2、GIF：支持颜色少，只支持简单的透明，支持动态图，图片颜色单一或者是动态图时使用gif。

3、PNG:支持颜色多，支持复杂的透明，不支持动图，用来显示颜色复杂的透明图片，专为网页而生的。

4、webp:谷歌新推出的专门表示网页的一种格式，具有其他图片格式所有优点，文件格式也小，但兼容性不好。

5、base64:可以将图片转换为字符，通过字符形式来引入，一般都是需要和网页一起加载的图片才会使用。

图片的使用原则：1、效果不一样，使用效果好的

2、效果一样的，使用小的

二、超链接

1、默认样式：字体颜色改变、下划线、可以点击

超链接可以是文字、图片、表格、各种内容。

2、功能：（1）点击可以从一个页面跳到另一个页面

（2）在当前页进行跳转

（3）下载

3、属性：（1）href属性：指向要跳转的地址

（2）target属性：指定超链接打开方式 

可选值：_blank  新开页面打开  _self  在当前页打开

补充：空连接的两种写法：（1）<a href="#">空连接</a>

(2)<a href="Javascript:;">空连接</a>

4、锚点功能：（在当前页跳转）(1)去顶部：href里什么都没写就可以实现；但规范来说，必须要写内容，一般写"#"。

（2）去任意位置，需要配合id属性来实现

id属性相当于给对应的标签打个标记

步骤：（1）给要去的位置，打个id属性（打个标记）

（2）在超连接href里面，标明

语法： #id属性值

注意：id属性值不能是数字开头，不能重复使用，最好不要是汉字。

三、音视频   （1）audio标签：用来向页面中引用一个外部的音频文件

（2）video标签：用来向页面中引入一个视频，使用方式跟音频基本上一样

属性：src  引用音视频的路径   controls   控制用户是否可以播放   autoplay   自动播放  loop    循环播放

<vidio src=" " controls loop><vidio>

<audio src=" " controls loop></audio>