準(zhǔn)備工具：
1. Sublime Text (Version3.1.1, Build 3176 下載地址：http://www.sublimetext.com/3)
2. Emmet插件（如果Tab快捷鍵無(wú)法使用，考慮是否需要安裝Emmet插件）
? 安裝方法：在Package Control官網(wǎng)復(fù)制SUBLIME TEXT3的代碼
????????????????（https://packagecontrol.io/installation）
????????????????????通過(guò)快捷鍵ctrl+`打開控制臺(tái)，將上面看到的代碼復(fù)制進(jìn)去按Enter鍵就可以了。
注意：官網(wǎng)的這段代碼是會(huì)不斷更新的，所以不要從別的地方復(fù)制
~~~~~~~~~~~~~~以上參考自簡(jiǎn)書文章? http://www.itdecent.cn/p/6768a4046bd9
~~~~~~~~~~~以下為HTML相關(guān)的基礎(chǔ)知識(shí)~~~~~~~~~~~
“注釋快捷鍵：Ctrl+/”
“取消注釋快捷鍵：Ctrl+Shift+/”
“復(fù)制快捷鍵：Ctrl+Shift+D”
“自動(dòng)補(bǔ)全：xx+Tab”
“換行：<br>”
“水平線：<hr>”
“空格： ”
文本輸入框
<input type="text" name="mobilePhone" value="請(qǐng)輸入手機(jī)號(hào)“>
密碼輸入框
<input type="password" name="password" value="">
選擇框（可多選，以name值來(lái)分組）
<input type="checkbox" name="hobby" value="1">踢足球
<input type="checkbox" name="hobby" value="2">打籃球
<input type="checkbox" name="hobby" value="3">羽毛球
單選框（以name值來(lái)分組）
<input type="radio" name="gender">男生
<input type="radio" name="gender">女生
<input type="radio" name="gender">未知
按鈕
<input type="button" value="百度一下">
文件上傳
<input type="file">
下拉框
<select>
????<option value="0">請(qǐng)選擇--</option>
????<option value="1">三年一班</option>
????<option value="2">三年二班</option>
????<option value="2">三年三班</option>
</select>
超鏈接
<a >百度首頁(yè)</a>
表格：行<tr></tr>、列<td></td>、表格線border
<table border="1" bgcolor="pink">
? ? <tr>
? ? ? ? <td>第1行第1列</td>
? ? ? ? <td>第1行第2列</td>
? ? ? ? <td>第1行第13</td>
? ? </tr>
? ? <tr>
? ? ? ? <td>第2行第1列</td>
? ? ? ? <td>第2行第2列</td>
? ? ? ? <td>第2行第3列</td>
? ? </tr>
</table>
圖片
<img src="https://www.baidu.com/img/bd_logo1.png">
有序列表
<ol>
? ? <li>a</li>
? ? <li>b</li>
? ? <jli>c</li>
</ol>
無(wú)序列表
<ul>
? ? <li>d</li>
? ? <li>e</li>
? ? <li>f</li>
</ul>
文本域
<textarea rows="10" cols="20></textarea>
標(biāo)題標(biāo)簽
<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<h3>三級(jí)標(biāo)題</h3>
<h4>四級(jí)標(biāo)題</h4>
<h5>五級(jí)標(biāo)題</h5>
<h6>六級(jí)標(biāo)題</h6>
加粗標(biāo)簽
<b>Hello World</b>
label標(biāo)簽：增加屬性、樣式
<input type="radio" name="gender"><label> 男生 </label>
<input type="radio" name="gender"><label> 女生 </label>
<input type="radio" name="gender"><label> 未知 </label>
段落
<p>段落1</p>
<p>段落2</p>
iframe內(nèi)聯(lián)框架，嵌套另一個(gè)頁(yè)面
<iframe src="http://www.baidu.com" width = "600" height = "900" frameborder="0"></iframe>
