前端进阶（2）

图像

1.常用的图像格式

JPEG/jpg： 采用有损压缩算法，压缩比较大

GIF：色彩有较大的失真，主要用户线条为主的图像，动态的图像，简单的图用的比较多

PNG:采用无损压缩，不支持动画

2.img标签

   必须属性：src，常用属性：width，height

img属性：

      src:

      width:

      height:

      title:

      alt:.图像不显示的时候的文字

3.  链接元素

   使用元素创建一个超级链接

   文本/图像

   属性：

    href属性：链接URL，链接资源的URL（绝对、相对、根相对路径）

   target属性:目标，可取值为_blank,_self等，新网页打开的位置；_blank:在新标签页中打开，_self:在自身页面窗口中打开。

    name属性：锚点名称，定义锚点名称，功能实例：返回顶部。调回锚点处。

    链接的各种表现形式：

    1、下载资源(如果是具体的网页进行跳转，如果是资源则是下载。)

          下载资源

           页面跳转

            联系我们电子邮件链接

            返回页面的空链接

通过a标签定义锚点

     html中的锚点相当于html文档中某个位置的记号

1.定义锚点

2.跳转到锚点处(锚点名字加#)跳转到本页面的a标签

return

跳转到其他页面的锚点处：