首页 > 代码库 > 三、文件的后缀
三、文件的后缀
常用的文件类型
1、.exe文件 电脑上双击可以打开的文件
软件CS结构 C/S又称Client/Server或客户/服务器模式 ，类似QQ，旺旺 ，客户需要先下载安装包，安装后本地电脑有一个exe文件，双击后这个exe文件连接远处的服务器完成信息交互。
软件B/S结构 是Brower/Server的缩写。 浏览器（Browser）/服务器(Server),客户不用安装，直接打开浏览器，输入网址访问服务器完成信息交互。
2、.html文件——超文本文件，其实就是txt文件为了实现能在浏览器中用http://开头的形式打开而发明的。后缀一般是.html
.htm文件——.htm文件和.html文件是一样的，没有区别
3、.css文件——样式表（stylesheet）文件。其实还是文本文件，就是把后缀改成了.css ；css文件内容主要是对文字大小，颜色，网页中的样式效果进行了定义，这样网页引入css文件后
，可以调用里边的一些效果
比如01.css文件中有一段
.blue{
color: #1800ff;
}
当html网页文件中通过加入这行引入css文件 <link rel="stylesheet" href="http://www.mamicode.com/01.css" type="text/css" />
就可以使用01.css中的样式blue了。
.blue{ ——这行就是一个代号，blue是蓝色的意思，blue名字可以随便写，方便记忆就行
color: #1800ff; ——color: 冒号后边就是颜色值 #1800ff就是ptotoshop中的蓝色
}
当然也可以这样写
.red{ ——这里随便变成red（红色），但只要下边内容 color: #1800ff; 不变，调用的效果和调用blue一样，这里字母可以随便写
color: #1800ff;
}
在html文件中调用的话这样写
<div class="blue">我是蓝色</div>
<div class="red">我还是蓝色</div>
文字是什么颜色，和名称无关，和里边的color: #1800ff; 的颜色值有关
4、.js文件——这个是javascript脚本语言文件，这个才是可以运算的语言。这个语言可以实现网页上的一些动态效果。
02.js文件在html网页中可以这样调用，<script language="javascript" src="http://www.mamicode.com/001.js"></script>
然后就可以在页面中使用其中的动态效果了
5、简单的html网页
<html>
<head>
</head>
<body>
</body>
</html>
<html> ——网页开头就是这个标签，相当于一个括号的前边部分
<head> ——网页头部开始
</head>——网页头部结束，网页内的标签都是成对出现的，相当于括号，前半部分与后半部分不同就是，后半部分多了斜杠/
<body>——网页主体开始
</body>——网页主体结束，body中的内容和文字，就是在浏览器中能让人看见的，head中的内容，在网页中看不到
</html> ——网页开头就是这个标签，相当于一个括号的后半部分
head中的内容，在网页中看不到，所以把一些引用css文件，引用js文件的这些行，放在<head></head>之间
变成这样
<html>
<head>
<link rel="stylesheet" href="http://www.mamicode.com/01.css" type="text/css" /> ——代表了这个网页引入了01.css文件，网页中可以调用blue了
<script language="javascript" src="http://www.mamicode.com/001.js"></script> ——代表了这个网页引入了02.js文件，网页中可以调用js文件中的动态内容了
</head>
<body>
</body>
</html>
另外还有网页左上角的标题文字，这个也是放在<head></head>之间。变成这样
<html>
<head>
<title>我是网页左上角的标题文字</title> ——这里设置标题文字
<link rel="stylesheet" href="http://www.mamicode.com/01.css" type="text/css" /> ——代表了这个网页引入了01.css文件，网页中可以调用blue了
<script language="javascript" src="http://www.mamicode.com/001.js"></script> ——代表了这个网页引入了02.js文件，网页中可以调用js文件中的动态内容了
</head>
<body>
</body>
</html>
总之网页都是一些特殊英文字母的大括号组成的，汉字就是写在括号中间就可以了。
另外括号都是一个个的整体嵌套，不能这样比如：
<head>
<body> </head>
</body>
这样交叉嵌套是不行的。
<div></div> ——汉语翻译的话就是层叠，就是一个大括号。括号内包含汉字图片等内容，div可以移动，还能重叠，一般搭配Css样式使用，又叫层叠样式表。
三、文件的后缀