最近想做微信小遊戲的開發，準備從html+css+js三種語言開始，會做一個學習的系列博客，加油加油！！
快捷鍵：
ctrl+j---類似於ctrl+d
官方文檔：http://www.w3.org
1.編碼格式
a.gb2312 簡體中文（格式保存ANSI）
b.gbk 國標碼
c.utf-8 多國語言
2.編輯工具：editPlus
3.書寫規範：
a.不區分大小寫，最好小寫
b.屬性值：用“”括起來
4.標籤
a.<b></b> 加粗-----內容
b.<strong></strong> 加粗------標題（加強語氣）
c.<i></i> 傾斜
d.<em></em>傾斜-------加強語氣
e.<u></u> 下劃線
f.<ins></ins> 插入的文本
g.<sup></sup> 上標------用於公式
h.<sub></sub> 下標------用於公式
i.<p></p> 一段
段落的屬性（標題的屬性）： Align-----取值:left/center/right
j.<h1></h1> 標題1
k.<h2></h2> 標題2 。。。。。<h6></h6> 標題6
l.<pre></pre> 預定義書寫的文本格式（保留原有的空格個換行）
m.<div></div> 自己獨佔一行----可以劃分網頁結構（與CSS一起使用））---塊標籤
n.<span></span> 與CSS一起使用----行內標籤
注：一段內容多個標籤應該順序嵌套，不能交叉
5.塊標籤：自己獨佔一行
<h1></h1>....<h6></h6> <p></p> <div></div>
行內標籤：不能獨佔一行
<u> <em> <span> <i>......
注：通常是塊標籤裏面包括行內標籤
6.列表
a.無序列表：若干個相似內容進行排列，沒有先後順序
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
......
</ul>
ul屬性：type---設置列表前面符號的樣式 circle:空心圓 disc:默認（實心圓） square：實心方形
b.有序列表：若干個相似內容進行排列，有先後順序
<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
......
</ol>
ol屬性：type---設置列表前面符號的樣式 circle:空心圓 disc:默認（實心圓） square：實心方形
c.自定義列表
<dl>
<dt>自定義列表標題</dt>
<dd>對該標題進行描述</dd>
</dl>
7.特殊字符
a. :一個空格，代表一個字符，一個漢字佔兩個字符
b.©:版權
c.<；---左括號(<) >---右括號(>)
d.¥---人民幣符號( ¥ )
8.字符集
a.ASCII碼
b.ANSI:在中文---gb2312(2個字節：16位2進制) 繁體-----big5
c.GBK:收錄2.1萬個
d.Unicode:4個字節（32位二進制）
e.utf-8：不同字符，選擇不同編碼
9.META標籤：網頁文檔的屬性
a.http-equiv---模擬http文件頭信息，內容從服務器發到客戶端，告訴瀏覽器如何正確的顯示
字符集：
<meta http-equiv="content-type"content="text/html;charset=xxx"/>
網頁自動刷新:
<meta http-equiv="refresh" content="time"/> 間隔time時間刷新一次網頁
<meta http-equiv="refresh" content="time;xxxx網址"/> 間隔time時間跳轉到另一個網頁（xxxx網址--爲絕對地址）
b.name-----可以設置網頁關鍵字，描述信息等
<meta name="Keywords" content="key"/>
<meta name="description" content="網站的描述信息"/>
<meta name="author" content="作者"/>
10.表格
（1）語法：
<table>--------表格標籤
<tr>-------------行
<td>xxx</td>----------單元格
<td>xxx</td>
<td>xxx</td>
.....
</tr>
....
</table>
xxx：可以放圖片 空用 
（2）table屬性：
a.邊框：border="value" 默認是0
b.寬度 width="value"
c.高度 height="value" -----不建議寫死高度 內容是動態填入的
d. align left/center/right (左/中/右)
e.內容和單元格之間(與單元格邊框)的距離 cellpadding="value" value默認爲2
f.單元格和單元格之間的距離 cellspacing="value" value默認爲2
g.背景顏色 bgcolor="value"
h.背景圖片 background="path" --圖片路徑不能爲中文
注：背景圖片的優先級高於背景顏色
（3）tr屬性
a. height="value" 行的高度
b.bgcolor="value" 行背景顏色
c.background="path" 背景圖片
d.align="left/center/right" 水平對齊方式
e.valign="top/middle/bottom" 垂直對齊方式
（4）td屬性
a. width="value" 行的寬度
b. height="value" 行的高度
c.bgcolor="value" 行背景顏色
d.background="path" 背景圖片
e.align="left/center/right" 水平對齊方式
f.valign="top/middle/bottom" 垂直對齊方式
（5）表格的合併邊框線 rules="all" (後期用css實現)
表格的邊框線顏色 bordercolor="value" (後期用css實現)
（6）表格的擴從
a.合併單元格
A.橫向合併（行單元格合併）
colspan="value" 合併value個單元格
B.縱向合併（列單元格合併）
rowspam="value" 合併value個單元格
11.圖片--------單標籤，行內標籤
<img 屬性名="屬性值"/>
(1)屬性：
a.寬度 width="value" 單位爲:px
b.高度 height="value"
c.圖片描述 alt="value"
d.路徑 src="path" (圖片要放在同一個站點下/同一個文件夾下)
e.邊框 border="value" 默認爲0
f.圖片和內容左右之間的距離 hspace="value"
g.圖片和內容上下之間的距離 vspace="value" （以後用css實現）
h.圖片等比例縮放：只設置寬度或高度
12.鏈接
（1）語法
<a 屬性=“value”>內容</a>
（2）屬性
a.鏈接的地址 href="連接的地址 url"
url絕對地址:網絡地址-----http://wwww.baidu.com
本地地址-----file:///C:/Users/admin/Pictures/%E5%95%A6%E5%95%A6%E5%95%A6.html
相對地址：同一個站點下/同一個文件夾下的地址、
A.目標文件和當前文件再同一目錄---直接寫目標文件名字.
B.目標文件和當前文件的下一級---XX/文件名.
B.目標文件和當前文件的上一級---../文件名.
b.Target 打開目標文件的窗口
A._blank 在新的窗口中打開目標文件
B._self 在原來的窗口中打開目標文件(默認)
c.name 定義錨點的名稱
同一個頁面的不同區域之間跳轉
定義錨點：<a name="xxx"></a> 標籤之間沒有內容，給鏈接中的target用
跳轉錨點：<a href="#錨點名稱">xxx</a>
（3）特殊鏈接
a.下載鏈接
不用下載直接做鏈接 .html .jpg .gif .......
下載做鏈接 .zip .exe .........
b.郵件鏈接
<a href="mailto:郵件地址">內容</a>
c.空鏈接
<a href="#">xxx</a>
d.js鏈接
<a href="javascript:window.close()">關閉</a>
13.顏色的代碼
<color="value"></color>
14.表單
<form action="xx.php">
</form>
a.輸入框：
<input type="text" name="xxx" size="value" maxlengh="value" value="xxx"/>
name---寫入php腳本中數據的標識名稱
size---該輸入框可以輸入的字符長度
maxlengh----該輸入框可以輸入的最大字符長度
value----輸入框初始顯示值
b.密碼：
<input type="password" name="xxx" size="value" maxlengh="value" value="xxx" readonly="readonly" disable="disable"/>
name---寫入php腳本中數據的標識名稱
size---該輸入框可以輸入的字符長度
maxlengh----該輸入框可以輸入的最大字符長度
value----輸入框初始顯示值
readonly---只讀（能選中）
disable---不能選中不能更改
c.單選按鈕：
<input type="radio" name="xxx" value="xxx"/>
name:一組類型的名稱標識，一組類別名稱一樣
value：初始值，代表每一項的值
d.複選框：
<input type="checkbox" name="xxxx" value="xxx" checked="checked"/>
name:一組類型的名稱標識，一組類別名稱一樣
value：初始值，代表每一項的值
checked:默認選中項
e.多行文本框：
<textarea row="value" cols="value" name="xxx">value</textarea>
row---行數
cols---每行顯示的字符數
name---多行文本的識別名稱
value----默認初始值，寫在兩個標籤之間，而不是跟屬性寫在一起
f.下拉列表：
<select name="xxx">
<option value="xxx">顯示內容</option>
<option value="xxx">顯示內容</option>
<option value="xxx">顯示內容</option>
....
</select>
name---下拉列表的識別名稱
value--每個option寫入腳本的值
g.隱藏域：值針對程序用
<input type="hidden" name="id1"/>
h.文件域：
<input typr="file" name="xxx"/>
name ---文件域識別名稱
value---不寫value，通過客戶選折，只讀
i.按鈕
A.提交按鈕 <input type="submit" value="xxx"/>
圖片按鈕(屬於提交按鈕)
<input type="image" src="path"/>
B.重置按鈕 <input type="reset" value="xxx"/>
C.普通按鈕 <input type="button" value="xxx" onclick="xx"/>--必須結合程序構成功能
15.Xhtml---可擴展的超文本標記語言
a.輸入的屬性和標籤必須是小寫
b.單標籤必須加'/',<br/>
c.屬性必須用""
d.必須有dtd(document type definition) 文檔類型定義---檢驗輸入的xhtml是否符合規範
dtd：過渡性 xhtml-transitional：允許使用的標籤和屬性：<b> <i> <font color="xx">
嚴格型 xhtml-strict：不允許使用標籤和屬性，必須使用css的樣式
框架型 xhtml-frameset：給框架用（基本不用，不兼容）