三、文件的后缀

常用的文件类型

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样式使用,又叫层叠样式表。


posted on 2017-06-03 14:11  土金豪  阅读(608)  评论(0编辑  收藏  举报