一、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>
六、链接
内部链接:到同一文档内或同一网站内的其他部分的链接
外部链接:到其他网站或服务器上的页面的链接