HTML之图像
万维网（Word Wide Web）与其他网络类型（如FTP、SSL）最大的不同之处就在于它在浏览器上能够呈现丰富的色彩及影像。用户可以在网页嵌入各种影像，使网页变得丰富多彩。
图像
图像的基本格式
常用的图片格式：png、jpg/jpeg、gif
jpg/jpeg格式特点：色彩丰富，压缩比高，画质损失小，体积小，不支持透明度，不支持动画，适用于色彩丰富，要求体积小的场景。
png格式特点：色彩丰富，压缩比高，体积小，比jpg大。支持任意透明度，不支持动画，适用于色彩丰富，需要透明度的场景。
gif格式特点：仅支持256种颜色，画质损失大，体积最小。支持完全透明度，支持动画，适用于要求有动画有透明并且颜色少的场景。
设置图像属性
图像的引入
网页中引入图片，使用img标签
语法：<img src="图片路径" alt="图片说明' />
src属性：用来指定图片文件所在的路径。可以是绝对路径页可以是相对路径。
alt属性：图片无法正常显示时替换文本。出现替换文本说明图片路径不对，网速过慢，浏览器版本过低，图片格式不对等。
width属性和height属性：widthy用来设置图片宽度，height用来设置图片高度。如未设置，则按图片原始尺寸显示。如果只设置1个属性，那么另一个会根据已经设置的属性等比例进行缩放。默认单位为像素，也可以使用百分比。
像素单位
像素是指设备屏幕上的一个点，单位是px。当屏幕分辨率固定时，像素就是一个固定的精确的值。同样大小的屏幕，像素点越多（分辨率越高），图像越清晰，画面越细腻。像素是网页开发中使用最多的尺寸单位。
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议，转载请保留链接: https://www.guanzhenzuo.com/programming/19.html
