为什么html代码中的静态图片都命名为gif

GIF(Graphics Interchange Format)的原义是“图像互换格式”，是CompuServe公司在 1987年开发的图像文件格式。GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50％左右，它不属于任何应用程序。目前几乎所有相关软件都支持它，公共领域有大量的软件在使用GIF图像文件。GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。所以GIF的图像深度从lbit到8bit，也即GIF最多支持256种色彩的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。

GIF分为静态GIF和动画GIF两种，支持透明背景图像，适用于多种 *** 作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。

以上你可以明白基本原理，网页中使用gif图像不仅图片小，加载快，在ps制作也方便！

基本上有两种分类方式。

一种是：根据页面语言脚本分，把纯HTML+JS脚本的成为静态页面，这种页面内容基本固定。

把ASP

PHP

JSP

PYTHON

等程序语言写的页面称为动态页面，这种页面基本都会调用数据库，或者通过和用户交互产生变化。

另一种是：根据页面的直观表现。把只有文本和静态图片的HTML页面称为静态页面。

把包含GIF动画图片和flash动画以及一些视频音乐等富媒体的HTML页面称为动态页面。

基本上，目前的主流分类是第一种。

用<img>标签。

代码样式：

<img src="xxx.jpg" width="100px" height="100px" />

代码说明：

这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。

代码标签解释：

1、<img>标签定义图像。

2、src ：要显示的图像的 URL（图片地址）。  

3、width：图片宽度

4、height：定义图像的高度。

5、px：即像素，1px代表屏幕上一个物理的像素点；

扩展资料

一、img定义与用法：

1、img 元素向网页中嵌入一幅图像。

从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

2、<img>标签有两个必需的属性：src 属性 和 alt 属性。

二、必需的属性：

1、alt    text    规定图像的替代文本。 

2、src    URL    规定显示图像的 URL。  

---