6.1 在页面中插入图片
当前Web上应用最广泛的3种图像格式为JPEG、PNG和GIF。当前的浏览器都可以查看这3种图像格式，但应该选择质量最高、同时文件最小的格式。
1.JPEG格式
JPEG格式适用于彩色照片，JPEG格式支持数百万种色彩。JPEG格式是质量有损耗的格式，在压缩时一些图像数据被丢弃，这降低了最终文件的质量。然而，图像数据被抛弃得很少，不会在质量上有明显的不同。同时JPEG格式不支持透明度。
2.GIF格式
图形交换格式GIF是网页图像中很流行的格式。虽然GIF格式仅包括256种色彩，但它提供了出色的、几乎没有损失的图像压缩。并且，GIF格式可以包含透明区域和多帧动画。它水平扫描像素行，找到固定的颜色区域进行压缩，然后减少同一区域中的像素数量。因此，GIF格式通常适用于卡通，图形，Logo，带有透明区域的图形、动画等。
3.PNG格式
PNG格式和GIF格式一样，通常用于保持大量纯色图案或有透明度的标志之类。对于连续的颜色或重复图案，PNG格式的压缩效果比GIF格式更好。在GIF格式中，一个像素要么是透明的，要么是不透明度，PNG格式则支持alpha透明度，即可以半透明，所以具有负责透明背景的图像使用PNG格式可以让边缘更平滑、避免锯齿状。
在页面中插入图片，要使用img元素标签。
img元素标签语法为：
说明：
（1）img元素为空元素，在HTML文件中没有结束标签，但在XHTML中必须在开始标签右括号前加一个“/”作为结束，或将img元素也加上结束标签。
（2）HTML5中img元素的必要属性为src和alt。src指定图片来源的URL，alt指定图片无法显示时的替代文字。
（3）HTML5中删除了HTML4中img元素的name、longdesc、align、boder、hspace、vapace属性。
在页面中插入图片的步骤如下：
（1）在HTML代码中，将光标移到要放置图片的位置。
（2）输入“＜img src＝＂image.url＂＞”，其中image.url指示图像文件在服务器上的位置。
（3）输入一个空格和“/＞”。
插入图片的代码如下：
运行结果如图6-1所示。
图6-1 img元素标签实例运行结果