初學者--如何正確的構建一個網頁模板----在路上（5）
一.基本網頁模板，一般包括六大部分文件：
在你的資料夾中一般包含六個文件：index.html、css、js、img、lib（前提是你已經學過了bootstrap）、fonts
（簡單介紹一下，抽時間把每個部分所涉及到的有關內容再分別介紹）
（一） . index.html（結構框架--結構層 從語義出發，描述網頁結構的）
超文字標記語言、英文全拼：HyperText Markup Language。負責網頁的語義描述。
HTML基本骨架：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
Doctype：文字型別 如果僅寫：html那麼這代表是html5的網頁型別，它符合w3c的標準。
Html：根目錄標籤，包含了網頁的所有內容
Head：負責頁面的屬性配置，不做任何顯示性內容操作。
Meta：翻譯為“元”，代表基本屬性。
<meta name="keywords" content=""/>
Keywords：網頁搜尋關鍵字，搜尋這些關鍵字可以找到我們的網頁
<meta name="Description" content="" />
Description：網頁描述，提供給使用者看到頁面的介紹，利於搜尋引擎優化（SEO）
Charset：字符集，它是告訴瀏覽器當前網頁使用的是哪一種編碼標準。
補充一下：能夠支援中的編碼有兩種：
第一種utf8國際編碼
第二種gb2312中文編碼，中文的文字庫加上外語的一些通用字元語言
Utf8編碼>gb2312編碼（文字庫內容），utf8每個漢字佔用3個字元，在gb2312種只佔2個字元。
使用gb2312優點： 小，速度快！
注意：文字儲存的編碼格式一定要和頁面內部宣告的編碼格式完全相同，不然會出現亂碼！！！！
Title：網頁標題、搜尋引擎優化。
Body：網頁內容標籤，其實就是一個大的容器。我們所有語義化標籤都在body中。
（二）.css（樣式設定--樣式層從審美出發，美化頁面）
CSS英文全拼：cascading style sheet 層疊樣式表。
在html中使用：要在head中寫style標籤，所有樣式放在style標籤中。
css三原則：疊加原則、優先順序原則、就近原則（程式碼的進）
先看多個選擇器間有無衝突，如果屬性沒衝突，則實現屬性疊加。
如果有屬性發生衝突，按照選擇器的優先順序（權重）來判斷屬性的優先選擇。
如果仍然有選擇器優先順序相同並且屬性衝突，實現就近原則（CSS裡面程式碼最晚的為主）
<style>
h1{
color: red; 設定文字顏色
font-size: 30px; 設定文字大小
background-color: yellow; 設定背景顏色
}
span{
color: blue;
font-weight: bold; 設定文字粗體
font-style: italic; 設定文字斜體
注意：凡是font開頭的想要設定預設的樣式則使用normal
text-decoration: underline; 設定文字下滑線，如果去除下滑線則用none這個屬性
}
li{
color: orange;
}
#fly{
color: blue;
font-size: 40px;
}
</style>
（三）.js（邏輯行為--行為層從互動出發，提升使用者的體驗）
JavaScript又稱JS，是一種指令碼語言。用來製作web頁面的互動效果，提升使用者的體驗的。
例如一些小廣告、輪播圖、tab按鈕組、瀑布流...都是js來做的
有人會問js和java一樣嗎？其實
沒有關係，完全沒有關係。當時就是為了吸引程式設計師的注意。剛開始的時候屬於頁面“牛皮癬”,製作小廣告啊、彈窗啊、漂浮廣告等。
（四）.img（圖片儲存）
Img：英文全拼image-影象。
Src：英文全拼 source-來源路徑，這個屬性我們寫影象的路徑。
絕對路徑：當前檔案所在你計算機的完整路徑。
相對路徑：首先要有參照路徑，參照路徑就是當前html頁面所在的檔案路徑。然後根據參照路徑查詢圖片路徑
Img標籤在寫路徑時一定要加上副檔名，而且能夠支援的圖片型別有：jpg、jpeg、png、bmp、gif。最好加 上width和height屬性，這是為了效能考慮。
（五）.lib（bootstrap儲存）
lib就是從bootstrap中引用的庫，一般包括從bootstrap中下載的dist（css、fonts、js）、 jQuery兩部分， 而且要注意的是，如果下載的是原始碼，那所下載的css、js中引用的是.css，而非min.css
（六）.fonts（字型相關設定）
就是涉及到字型大小啊，字型顏色啊...就是各種有關font的各種樣式屬性。
----------------------------------------------------------------------------------------------------------------------------------------------------------
那就先到這吧，以後抽時間，再分別整理