前端學習~~01
前端語言學習
根據W3c標準，一個網頁主要有三部分組成：結構、表現還有行為。
| W3c標準 |
|---|
| 結構 | 表現 | 行為 |
|---|---|---|
| HTML | CSS | JavaScript |
HTML 用於描述頁面結構
CSS用於控制頁面中元素的樣式
JavaScript用於響應使用者操作
1：HTML簡介
超文字標記語言， 標準通用標記語言下的一個應用。 “ 超文字 ”就是指頁面內可以包含圖片、 連結，甚至音樂、 程式等非文字元素。 超文字標記語言的結構包括 “頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關於網頁的資訊，“主體”部分提供網頁的 具體內容。
特點
超級文字標記語言文件製作不是很複雜，但功能強大，支援不同資料格式的 檔案鑲入，這也是全球資訊網（ WWW）盛行的原因之一，其主要特點如下：
1:簡易性：超級文字標記語言 版本升級採用 超集方式，從而更加靈活方便。 2:可擴充套件性：超級文字標記語言的廣泛應用帶來了加強功能，增加 識別符號等要求，超級文字標記語言採取子類元素的方式，為系統擴充套件帶來保證。 3:平臺無關性：雖然 個人計算機大行其道，但使用 MAC等其他機器的大有人在，超級文字標記語言可以使用在廣泛的平臺上，這也是 全球資訊網（ WWW）盛行的另一個原因。 4:通用性：另外， HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼型別的電腦或瀏覽器。
書寫
它其實是文字，它需要 瀏覽器的解釋，它的 編輯器大體可以分為三種，
基本文字、文件編輯軟體，使用 微軟自帶的 記事本或 寫字板都可以編寫，當然，如果你用 WPS來編寫，也可以。不過存檔時請使用.htm或.html作為 副檔名，這樣就方便 瀏覽器認出直接 解釋執行了。
半所見即所得軟體，
如：
FCK-Editer、E-webediter等線上 網頁編輯器；
尤其推薦： Sublime Text程式碼編輯器（由Jon Skinner開發， Sublime Text 3收費但可以無限期試用）。
所見即所得軟體，使用最廣泛的 編輯器，完全可以一點不懂HTML的知識就可以做出網頁，如：
AMAYA（出品單位： 全球資訊網聯盟）；
FRONTPAGE（出品單位： 微軟）；
Dreamweaver（出品單位： Adobe）。
所見即所得軟體與半所見即所得的軟體相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要重新整理即可顯示。缺點是生成的程式碼結構複雜，不利於大型網站的多人協作和精準定位等高階功能的實現。
字符集
在網頁中除了可顯示常見的 美國資訊交換標準程式碼（外語縮寫： ASCII）字元和 漢字外，HTML還有許多特殊字元，它們一起構成了HTML 字符集。有2種情況需要使用特殊字元，一是網頁中有其特殊意義的字元，二是鍵盤上沒有的字元。 HTML字元可以用一些程式碼來 表示，程式碼可以有2種表示方式。即字元程式碼（命名實體）和數字程式碼（編號實體）。字元程式碼以“&”符開始，以分號";“結束，其間是字元名，如®。數字程式碼也以“&#”符開始，以分號”;"結束，其間是編號，如®。
<head></head> 這2個標記符分別表示頭部資訊的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作為內容來顯示，但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和 meta標記符，其中標題標記符用於定義網頁的標題，它的內容顯示在網頁視窗的 標題欄中，網頁標題可被 瀏覽器用作 書籤和收藏清單。
設定文件標題和其它在網頁中不顯示的資訊，比如 dir ection方向、語言程式碼 Lang uage Code（實體定義!ENTITY % i18n）、指定字典中的元資訊、等等。
以下表格列出了 HTML head 元素：
| 標籤 | 描述 |
|---|---|
| <head> | 定義了文件的資訊 |
| <title> | 定義了文件的標題 |
| <base> | 定義了頁面連結標籤的預設連結地址 |
| <link> | 定義了一個文件和外部資源之間的關係 |
| <meta> | 定義了HTML文件中的元資料 |
| <script> | 定義了客戶端的指令碼檔案 |
| <style> | 定義了HTML文件的樣式檔案 |
常見實體
| 顯示結果 | 描述 | 實體名稱 |
|---|---|---|
| 空格 | | |
| < | 小於號 | < |
| > | 大於號 | > |
| & | 和號 | & |
| " | 引號 | " |
| ’ | 撇號 | ' (IE不支援) |