HTML Web图形样式基础1

1.Web图片分类：

GIF图片（可交换图形文件格式）：最适合包含纯色和简单几何形状的图片，比如剪贴画。GIF文件最大颜色数为256色，其扩展名为.gif。GIF保存时采用无损压缩。也就是说在浏览器渲染时，图片将包含与原始图片一样多的像素，不会丢失任何细节。GIF图片包含多张图片（或称为帧），这些帧在屏幕上闪烁时，图片显示就会动起来。GIF图片使用的GIF89A格式支持透明功能。

JPEG图片:"联合照片专家组“格式最适合图片，JPEG图片可以包含1670万种颜色。但是JPEG图片不能设置透明，而且不支持动画。其扩展名通常是. jpg或.jpeg。JPEG图片以有损压缩方式保存，这意味着原图中的某些像素在压缩后会丢失或被删除。浏览器渲染时显示的与原图片相似而并非完全一致的图片。

PNG图片（可移植网络图形）：它结合了JPEG和GIF的优势，是GIF格式的很好替代品。PNG图片支持数百万种颜色和多个透明级别，并使用无损压缩，同时还支持交错。

2. img元素：

img元素用于在网站上配置图片。img独立使用，不成对使用。XHTML愈发要写成<img/>,HTML5语法要写成<img>。如下代码配置图片

<img src="logo.gif" height="200" width="500" alt="My Love">

src属性指定图片文件名。alt属性为图片提供文字代替（即当图片无法显示时用文字代替）。

img 元素的属性 ：

align  ：right  left(默认)  top  middle  bottom（已废弃）

alt       : 描述图片的文本

border:以像素为单位的图片边框尺寸，设置border=”0”防止图片链接自动添加边框

height: 以像素为单位的图片高度

hspace:以像素为单位的图片左右两侧空白间距（已废弃）

vspace:以像素为单位的图片上下两边空白间距（已废弃）

id        : 文本名称，由字母和数字构成，以字母开头，不能含有空格，这个值必须唯一，不能和同一个网页文档的其他id值重复。

name  :文本名称，由字母和数字构成，以字母开头，不能含有空格，该属性用于为图片命名，以便JavaScript等客户端脚本语言访问它。

src      :图片的URL或文件名

title     :包含图片信息的文本，通常比alt更具描述性

width  :以像素为单位的图片高度 

上述中的“已废弃”属性虽然在HTML5中不可用，但在XHTML中仍旧可用，以保持现有网页的兼容。