1. 程式人生 > >三、文件的後綴

三、文件的後綴

lin txt文件 定義 頁面 文本 處的 scrip 超文本 重疊

常用的文件類型

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樣式使用,又叫層疊樣式表。


三、文件的後綴