HTML-img

使用img插入图片，基本格式为

<img src="..." alt="..." width=".." height=".." > 

图片格式

1. JPEG：照片，色彩丰富，有损，
2. PNG ： 标志，色彩丰富，无损，透明度。
3. GIF：标志，256位色彩，无损，单色透明度，动画。

src

src后面添加图片地址，可以为相对路径（网站内部），URL（其他网站）。

alt

图片无法加载时，显示信息。不同浏览器显示效果不同。

图像大小

1. width，height指定图像大小。浏览器会加载显示页面之后下载图片。提前设置大小，使页面布局更合理。但是图片会在家在之后进行调整。一般我们会设置宽度小于800像素，这样不会超过屏幕宽度。
2. 使用图片处理软件，对图片提前进行处理。在图片加载时，会节约时间。

图片链接

对图片进行链接，格式如下:

<a href="..." > <img src="..." > </a>

可链接图片，鼠标划过样式改变。
注意：缩略图放大链接，一般会连接到原图的网页，不会链接到原图片本身。

其他

1. img为内联元素，在大小允许情况下，会尽可能横排显示。
2. 透明图像，尽可能保证蒙版颜色与web背景颜色一致。