1.图像的格式
1.1 GIF:Graphic Interchange Format
文件最多可使用256种颜色,最适合显示色调不连续或具有大面积单一颜色的图像,例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像
优点:
·可制作动态图像
·可以将图像以交错的方式在网页中呈现(未下载完成时会以马赛克的形式将图像慢慢显示)
1.2 JPEG:Joint Photographic Experts Group
此文件格式用于摄影或连续色调图像的高级格式,这是因为JPEG文件可以包含数百万中颜色;
JPEG格式是一种压缩的非常紧凑的格式,专门用于不含大色块的图像;
另外,JPEG有一定的失真度,但是是在人类肉眼分辨不出的情况下牺牲的;
最后如果图像需要全彩模式才能表现效果的话,JPEG就是最佳的选择
1.3 PNG:Portable Network Graphics
PNG是一种非破坏性的网页图像文件格式,它提供了将图像以最小方式压缩却又不造成图像失真的技术,不仅具备了GIF的大部分优点,而且还支持48-bit的色彩,更快地交错显示,跨平台的图像亮度控制,更多层的透明设置;
不过IE和Netscape Navigator只能部分支持PNG图像的显示,所以还是建议使用GIF和JPEG,以满足更多人的需求
2.插入图像img
2.1 图像的源文件src
<img src="图像相对地址或者绝对地址">
2.2 图像的提示文字alt
<img src="..." alt="文字提示">
在图像下载完成时,鼠标停留在图像上面就会显示alt的值
在图像下载失败时,图像就直接显示alt的值
2.3 图像的高度和宽度height、width
<img src="..." height="像素” width="像素">
若没有自定义图片的高度和宽度,那么图片就会按照它的原始尺寸显示
(注:就是图像定义的非常小,下载速度也是不会改变的)
2.4 图像的边框border
<img src="..." border="图像边框的宽度">
(注:默认情况下图像是没有边框的,当图像没有添加链接时,那么边框是黑色的,如果添加了链接,边框是蓝色的)
2.5 图像与文字的垂直、水平边距vspace、hspace
<img vspace="像素" hspace="像素">
2.6 图像的排列align
<img src="..." align="bottom/top/middle(相对于当前行文字对齐)或者 left/center/right>
3.图像的超链接
图像的超链接有两种形式,一种是整张图片对应一个超链接,另一种情况是图像的各个部分对应各个超链接>
3.1 一整张图像:
<a href="链接地址"><img src="..."></a>
3.2 各个部分:
<img usemap="映射图像名称">
<map name="映射图像名称">
<area shape="热区形状" coords="热区坐标" href="...">
</map>