zoukankan      html  css  js  c++  java
  • 第五、六章:图像&链接

        图像有很多存储格式:JPEG、png、gif等,它们的文件大小也不同,使用的图片类型对于页面响应速度有不同的要求。下面就会简单阐述不同的格式的图片的特点。

    1.JPEG格式

        JPEG格式适用于彩色照片,因为它包含大量的颜色并进行了合理的压缩,采用这种格式保存的文件相对较小,但它是一种有损格式,会损失一部分的像素所以对于图片质量要求不高的时候可以使用JPEG格式。

    2.PNG格式

        PNG是无损的格式,对图像压缩时不会造成品质损失。PNG格式分为PNG-8、PNG-24、PNG-32三类。PNG-8适用于标识、重复的图案以及颜色较少的图像或具有连续颜色的图像,PNG-24适用于颜色丰富且质量要求高的照片,PNG-32比PNG-24多了一项支持alpha透明图像的功能,PNG格式色彩丰富质量高,摄影网站就可以使用这种格式。

    3.gif格式

        gif格式也是无损格式,只有256种颜色,动画可以保存为GIF。

    在页面中插入图像使用img元素,src属性的值为图像的URL。格式为:<img src="..." />省略号部分为图像的URL,alt属性可以在图像无法打开的时候显示一段注释。需要注意的是该页面与图像需保存在同一文件夹中。

        链接主要有两个部分:目标和标签。使用目标可以指定访问者点击链接是会发生什么。可以创建链接进入另一个页面,在页面内跳转,显示图像等。标签可以是图像也可以是问额不能,例如航空公司网上的链接标签有:预定航班等,激活标签就可以达到链接的目的。

    创建链接的方式: 输入<a href="page.html">,其中page.html是目标网页的URL。例如:<a href="cats.html">cookie and woody</a> 其中cats.html是目标网址的URL,cookie and woody是链接的标签。

  • 相关阅读:
    第89节:Java中的反射技术
    Web前端JQuery入门实战案例
    Web前端JQuery入门实战案例
    Web前端JQuery面试题(三)
    Web前端JQuery面试题(三)
    Web前端JQuery面试题(二)
    Web前端JQuery面试题(二)
    Web前端JQuery面试题(一)
    Web前端JQuery面试题(一)
    第88节:Java中的Ajax和ASP.NET和TCP/IP 教程和JSON
  • 原文地址:https://www.cnblogs.com/koto/p/5003555.html
Copyright © 2011-2022 走看看