HTML标签分类

1
标题：
2
<h1>一级标题</h1>
3
<h2>二级标题</h2>
4
h${$级标题}*6+tab生成：
5
<h1>1级标题</h1>
6
<h2>2级标题</h2>
7
<h3>3级标题</h3>
8
<h4>4级标题</h4>
9
<h5>5级标题</h5>
10
<h6>6级标题</h6>

1
有序列表
2
<ol>
3
    <li>盗天仙图</li>
4
    <li>名侦探</li>
5
    <li>鬼吹灯</li>
6
    <li>盗墓笔记</li>
7
    <li>名侦探</li>
8
    <li>鬼吹灯</li>
9
</ol>

1
无序列表
2
<ul>
3
    <li><span style="color:red">√<b>有保证</b></span>:先学习考试后入学</li>
4
    <li><span style="color:red">√<b>有实力</b></span>:专注JS培训七年铸就传奇就业,平均工资超12K</li>
5
    <li><span style="color:red">√<b>有深度</b></span>:结合的大学算法和数据结构的基础课</li>
6
    <li><span style="color:red">√<b>重原生</b></span>:狠练原生代码,原生JS+Node才是王道</li>
7
    <li><span style="color:red">√<b>重应用</b></span>:PC+移动端+H5+CSS3+node的前后台全栈项目</li>
8
    <li><span style="color:red">√<b>重未来</b></span>:app开发,微信开发,angular,es6,前沿技术</li>
9
</ul>

1
<div class="poem">
2
<h4>早发白帝城</h4>
3
<h5>作者：李白</h5>
4

5
<p>朝辞白帝彩云间，<br>
6
    千里江陵一日还。<br>
7
    两岸猿声啼不尽，<br>
8
    轻舟已过万重山。<br>
9
    <img src="timg.jpg" alt="李白">
10
</p>
11
</div>

1
<div>
2
    <h4 align="center">早发白帝城</h4>
3
    <h5 align="center">作者：李白</h5>
4
    <p align="center">朝辞白帝彩云间，</p>
5
    <p align="center">千里江陵一日还。</p>
6
    <p align="center">两岸猿声啼不尽，</p>
7
    <p align="center">轻舟已过万重山。</p>
8
    <img src="timg.jpg" alt="李白">
9
</div>