HTML：网页中的图片

1.图片的格式

网页中的图像格式一般有三种：GIF、JPEG（JPG）、PNG。目前GIF和JPEG（JPG）文件格式的支持情况最佳，多数浏览器都可以兼容。PNG格式的图片具有较大的灵活性且文件比较小，几乎所有的网页类型都适合。

2.添加图片

插入图片的标记只有一个img标签。
语法：

<img src="图片文件的位置">

3.图像大小

如果不设置图片的大小，则其在网页中显示是原图大小，设置其大小用width和height属性。
语法：

<img src="图片文件的位置" width="图像的宽度" height="图像的高度">

4.图片边框

给图片添加边框是为了突出图片，可用border属性实现。
语法：

<img src="图片文件的位置" border="边框粗细">

5.水平间距

如果不使用br标签或者p标签进行换行显示，那么添加的图像会紧跟文字之后，图像和文字之间的水平距离可以通过设置hspace属性进行调整。
语法：

<img src="图片文件的位置" hspace="水平间距">

6.垂直间距

图像与文字之间的垂直间距也是可以调整的，使用vspace属性就可以实现。
语法：

<img src="图片文件的位置" vspace="垂直间距">

7.提示文字

设置图片文件的提示文字有两个作用：一是当浏览网页时，图像还没有被下载时在其位置就可以看到提示文字；二是当图片被下载好正常显示时，鼠标放在图片上会出现提示文字。
语法：

<img src="图片文件的位置" title="提示文字">

8.替换文字

当图片路径或下载出现问题时，图片没办法显示，这时可以通过alt属性在图片位置显示定义的替换文字。
语法：

<img src="图片文件的位置" alt="替换文字">

9.相对于文字的对齐方式

img标签的align属性定义了图像相对于周围元素的水平和垂直对齐方式。垂直对齐方式有top、bottom、middle三种方式，水平对齐方式有left、right两种方式。
语法：

<img src="图片文件的位置" align="对齐方式">