超链接，图片标签

超链接a标签，target属性，用于指定超链接打开的位置

常见的可选值有：
_self：在当前页面打开超链接，是target属性默认值
_blank： 在新页面打开超链接

<a href="echarts1.html" target="_self">超链接</a>

二者相比：
如百度就是在新页面打开链接，用的是_blank; 缺点有，稍不注意打开一堆网站，无法清晰知道哪个网站有用？
国外网站如谷歌，打开链接是在当前页面打开，想看上个页面，回退就可以；避免打开多个网站

超链接不仅可以从一个页面跳转到其他页面，还可以跳转到当前页面的其他位置

如一个页面内容挺多，好多文字之类的，在页面底部，点击链接，直接回到页面顶部的情况；
可以直接将超链接的href属性设置为#，点击超链接之后页面不会发生跳转，而是跳转到当前页面顶部的位置

<a href="#">回到顶部</a>

同时还可以跳转到页面的指定位置，只需将href属性设置为，# + 目标元素的id属性值

<a href="#bottom">去底部</a>
···
<a id="bottom" href="#">回到顶部</a>
//实现底部，顶部之间来回跳转

<a href="javascript:;">新的超链接</a>

href=“javascript:;”,点击超链接什么也不发生，不跳转，一般用于开发时页面还未完成

其他防止页面跳转的实现方式：

<a href="#">test</a>
点击链接，页面默认上滚到页面的顶部， 但可以加上 οnclick="return false"，防止上滚到页的顶部。

<a href="javascript：void(0);" >test</a>;
javascript:void(0) 表示一个死链接，执行空事件。

图片标签

图片格式对比：
jpeg (jpg):支持颜色丰富，不支持动图
png:支持颜色丰富，不支持动图
gif：支持颜色较少，支持动图
webp:谷歌推出的专门用来表示网页中的图片的一种格式，它具备其他图片格式的所有优点，而且文件还特别的小

base64，将图片使用base64编码，可以将图片转换为字符，通过字符的形式引入图片,可直接搜索base64，选择图片在线转换Base64,将转换的字符直接作为src属性的值。

网页展示，首先浏览器向服务器发起请求，加载网页（并不会全部加载完成），在加载网页的过程中，发现有外部资源会再次请求服务器，图片才展示

一般都是一些需要和网页一起加载的图片才会使用base64

<img src="" alt="">

alt属性，图片的描述，默认情况下不显示，有些浏览器在图片无法加载时才展示；搜索引擎会根据alt中的内容来识别图片，不写alt属性则图片就不会被搜索引擎识别