HTML5笔记007 - 第07章 图片
第07章 图片
7.1 图片标签
图片标签:<img src="" alt="" title="" />
src属性用于指定图片所在的路径;可以是相对路径,也可以是绝对路径;这个属性必不可少;
alt属性用于描述图片无法显示时页面显示的文字;
title属性用于当鼠标指针移到图片上时显示的文字。
7.2 图片路径
绝对路径
相对路径
多数情况下,都使用相对路径来获取图片;
7.3 图片格式
图片格式:位图、矢量图
位图由像素组成的图片,放大或缩小都会失真;
矢量图由计算机图形学中点、直线或多边形等表示出来的几何图像;放大、缩小或旋转都不失真;
位图和矢量图的区别:
位图适用于展示色彩丰富的图片,而矢量图不适用于展示色彩丰富的图片;
位图的组成单位是像素,而矢量图组成单位是数学向量;
位图受分辨率影响,当图片放大时会失真;而量图不受分辨率影响,当图片放大时不会失真。
网页中的图片绝大多数都是位图,而不是矢量图。
敬请关注个人微信公众号:测试工匠麻辣烫