一、HTML编辑工具：Sublime Text
二、HTML实体字符：1、（ 空格）： ； 2、（<） <； 3、（>）>； 4、（&）&； 5、（“）"；等
三、基本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>
下标：<sub></sub>
上标：<sup></sup>
链接：<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>
六、链接
内部链接：到同一文档内或同一网站内的其他部分的链接
外部链接：到其他网站或服务器上的页面的链接