前端进阶（2）

图像

1.常用的图像格式

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

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

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

2.img标签

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

<img width="100" src="image/rose.jpg"/>

img属性：

      src:

      width:

      height:

      title:

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

3.  链接元素<a>

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

   <a href="" target="">文本/图像</a>

   属性：

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

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

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

    链接的各种表现形式：

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

          <a href='abc.html'></a>下载资源

           <a href='demo.zif'></a>页面跳转

            <a href='mailto:1534589653@qq.com'>联系我们</a>电子邮件链接

            <a href='#'></a>返回页面的空链接

通过a标签定义锚点

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

1.定义锚点

<a name="anchorName"></a>

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

<a href="#anchorName">return</a>

跳转到其他页面的锚点处：<a href='页面URL#anchorName'></a>