HTML5笔记007 - 第07章 图片

第07章 图片

7.1 图片标签

图片标签：<img src="" alt="" title="" />
src属性用于指定图片所在的路径；可以是相对路径，也可以是绝对路径；这个属性必不可少；
alt属性用于描述图片无法显示时页面显示的文字；
title属性用于当鼠标指针移到图片上时显示的文字。

7.2 图片路径

绝对路径
相对路径
多数情况下，都使用相对路径来获取图片；

7.3 图片格式

图片格式：位图、矢量图
位图由像素组成的图片，放大或缩小都会失真；
矢量图由计算机图形学中点、直线或多边形等表示出来的几何图像；放大、缩小或旋转都不失真；
位图和矢量图的区别：
位图适用于展示色彩丰富的图片，而矢量图不适用于展示色彩丰富的图片；
位图的组成单位是像素，而矢量图组成单位是数学向量；
位图受分辨率影响，当图片放大时会失真；而量图不受分辨率影响，当图片放大时不会失真。
网页中的图片绝大多数都是位图，而不是矢量图。