三、图片标签
图片在网页中占据重要的位置，俗话说，一图胜千言。图片感官上的形象性，能够直接再现事物本身，直观具体的表达页面内容，能够增加页面的美观性。图片不仅能够增加网页的吸引力，同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样，不同形式的图片展现也让浏览网页的乐趣变得更加多样化。
图片的格式与分辨率
图片的格式有很多种，常见的有JPEG、GIF、BMP、TIFF、PNG等，选择网页上的图片只有一个原则，即在图片清晰的前提下，文件越小越好。
因此在网页文件中使用最广泛的图片格式为GIF、JPEG、PNG.
- GIF就是图片交换格式(Graphics Interchange Format)，只支持256色以内的图片；
- GIF采用无损压缩存储，在不影响图片质量的情况下，可以生成很小的文件；
- 它支持透明色，可以使用图片浮现在背景上；
- GIF文件可以制作动画，这是它最突出的一个特点。
GIF文件的众多特点恰恰适应了Internet的需要，于是它成了Internet上最流行的图片格式，他的出现为Internet注入了一股新鲜的活力。
JPEG是一种广泛使用的压缩图片标准，也是网页中最受欢迎的格式，JPEG可支持多达16MB颜色，他能展现十分丰富生动的图片，也可以压缩。
PNG格式的图片近年来在网络中也很流行，其特点为不失真，具有GIF和JPEG的色彩模式，网络传输速度快，支持透明图片制作。
分辨率是指在单位长度内的像素点数，单位为dpi，是以每英寸包含几个像素来计算的，像素越多，分辨率就越高，而图片的质量也就越细腻；反之图片就会越粗糙；
一般来说，图片最好不要超过100KB，如果遇到必须要使用大张图片的话，大家可以把一张大图切成几张小图，这样可以缩短图片的显示速度，不需要等全部图片下载完才展示。
嵌入图片
图片标签为<img>,是一个单标签。
<img 属性="属性值">属性 | 值 | 描述 |
alt(必须) | text | 规定图片的替代文本 |
src(必须) | URL | 规定图片的URL |
height(可选) | Pixels / % | 定义图片的高度 |
width(可选) | Pixels / % | 定义图片的宽度 |
ismap(可选) | URL | 将图片定义为服务器端图片映射 |
longdesc(可选) | URL | 指向包含长的图片描述文档的URL |
usemap(可选) | URL | 将图片定义为客户器图片反映 |
1.图片的源文件src
该属性用于指定图片源文件的路径，为必不可少的属性。
<img src="图片路径">图片的路径可以是相对路径也可以是绝对路径。
2.设置图片的提示文字alt
该属性定义了图片的替代文本。
当图片没有被成功下载，不能正常在页面上显示图片时，则在图片的位置上就会显示提示文字；当图片下载完成，则当鼠标指针放在该图片上，鼠标指针旁边就会出现提示文字。
3.设置图片的宽度width和高度height
该属性为可选属性，设置了这些属性，就可以在页面加载时为土拍你预留空间。
如果没有这些属性，浏览器就无法了解图片的尺寸，也就无法为图片保留合适的空间，因此当图片加载时，页面布局就可能会发生变化。
Width和height属性指的单位可以是像素，也可以是百分比。
<img src="图片路径" width="60%" height="30px">该行代码表示图片的宽度为浏览器宽度的60%,高度为固定值30px。
技巧：使用百分比值来代替像素绝对值，将使浏览器按照与浏览器显示窗口的一定比例来缩放图片
