一、HTML編輯工具：Sublime Text

二、HTML實體字符：1、（ 空格）：&nbsp； 2、（<） &lt； 3、（>）&gt； 4、（&）&amp； 5、（“）&quot；等

三、基本HTML標記：

註釋標記：<!-- 這是註釋內容 -->

換行標記：<br/>

段落標記： <p></p> 段落標記p可以較大行距區分不同段落

標題標記：<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> h1最大h6最小

預格式化文本標記：<pre></pre> pre標記可以讓文本以預定義的格式顯示

塊標記：<div></div> <span></span>

定義標記：<dl></dl> <dt></dt> <dd></dd>

 1 <dl>
 2     <dt>關於好時</dt>
 3     <dd>品牌歷史</dd>
 4     <dd>好時公司</dd>
 5     <
 
dd>關註好時</dd>
 6 </dl>
 7 
 8 <dl>
 9     <dt>美味好時巧克力</dt>
10     <dd>好時之吻巧克力</dd>
11     <dd>好時榛吻巧克力</dd>
12     <dd>好時巧克力</dd>
13 </dl>

列表標記： 1、無序列表：<ul></ul> 2、有序列表：<ol></ol> 3、列表項<li></li>

1
 
 <ul type="circle">
2     <li>html</li>
3     <li>css/li>
4     <li>javascript</li>
5     <li>jquery</li>
6     <li>bootstrap</li>
7 </ul>

1 <ol type="A">
2     <li>html</li>
3     <li>css</li>
4     <li>javascript</li>
5     <li>jquery</li>
6     <li>bootstrap</li>
7 </ol>

水平線標記：<hr/>

圖像標記：<img></img> 註：src=" " 表示圖片位置 alt=“ ” 表示提示語句

1 <img src="pic1.jpg" alt="床上用品" width="200" height="200" />

四、其他HTML常用標記

斜體字：<i></i>

粗體字：<b></b>

強調（加粗字體）：<strong></strong>

刪除：<del></del>

下標：

上標：

鏈接：<a href=" "></a>

地址：<address></address>

正序逆序：<bdo></bdo>

顯示HTML的縮寫：<abbr title="Hyper Text Markup Language">HTML</abbr>

 1 <i>斜體</i>
 2 <b>粗體</b>
 3 <strong>強調文本</strong>
 4 
 5 <address>卡子門</address>
 6 <!--正序   顯示this is an apple-->
 7 <bdo dir="ltr">
 8     this is an apple
 9 </bdo>
10 <br/>
11 <!--逆序   顯示elppa na si siht-->
12 <bdo dir="rtl">
13     this is an apple
14 </bdo>
15 <br/>
16 <!--sub下標-->
17 x<sub>2</sub>
18 <br/>
19 <!--sup上標-->
20 x<sup>2</sup>
21 <br/>
22 <abbr title="Hyper Text Markup Language">html</abbr>

五、HTML頭部標記

腳本標記：<script>

內部樣式標記：<style>

外部樣式等資源標記：<link>

頁面標題標記：<title>

基準路徑標記：<base>

元信息標記：<meta>

六、鏈接

內部鏈接：到同一文檔內或同一網站內的其他部分的鏈接

外部鏈接：到其他網站或服務器上的頁面的鏈接

HTML基礎知識（未完待續）