为页面添加图形-＜img＞元素

web中常使用的三种图片类型 

JPEG：照片和复杂图像使用，最适合连续色调图像，一种“有损”格式，不支持透明度和动画。

PNG：单色图像、logo和几何图形使用，最适合单色图像和线条构成的图像，可以表示包含上百万        种不同颜色的图像，一种“无损”格式，支持透明度。

GIF：类似于PNG，可以表示最多256种不同颜色的图像，一种“无损”格式，只允许一种颜色设置              为“透明”，支持动画。

<img>元素

内联元素，void元素

src属性：指定图片的途径，可以使用相对链接，也可以使用URL

alt属性：指定描述图像的一些文本，如果图像未能显示，就会使用这个文本来取代它

width属性和height属性：使用像素数来指定图片的高宽。（如果需要指定高宽，通常不使用该属                                            性，与CSS冲突）

创建缩略图

当图片较大，影响页面加载时，可以利用<a>创建缩略图，用像素较小的图片链接到原图

1、将原图改成较小的图片

2、新建原图的页面

3、添加链接（将<img>元素放入<a>元素中）

<a href="……"> <img> </a>

4、从链接页面可以顺利返回原页面