三、文件的后缀
常用的文件类型
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="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="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="01.css" type="text/css" /> ——代表了这个网页引入了01.css文件,网页中可以调用blue了
<script language="javascript" src="001.js"></script> ——代表了这个网页引入了02.js文件,网页中可以调用js文件中的动态内容了
</head>
<body>
</body>
</html>
另外还有网页左上角的标题文字,这个也是放在<head></head>之间。变成这样
<html>
<head>
<title>我是网页左上角的标题文字</title> ——这里设置标题文字
<link rel="stylesheet" href="01.css" type="text/css" /> ——代表了这个网页引入了01.css文件,网页中可以调用blue了
<script language="javascript" src="001.js"></script> ——代表了这个网页引入了02.js文件,网页中可以调用js文件中的动态内容了
</head>
<body>
</body>
</html>
总之网页都是一些特殊英文字母的大括号组成的,汉字就是写在括号中间就可以了。
另外括号都是一个个的整体嵌套,不能这样比如:
<head>
<body> </head>
</body>
这样交叉嵌套是不行的。
<div></div> ——汉语翻译的话就是层叠,就是一个大括号。括号内包含汉字图片等内容,div可以移动,还能重叠,一般搭配Css样式使用,又叫层叠样式表。