- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8"/>
- <title>01 基础标签</title>
- </head>
- <body>
- <!-- 单标签
- 开始和结束在一起, 不能嵌套其他
- -->
- <!-- 双标签
- 开始和结束分开, 可以嵌套其他
- -->
- <!-- 换行标签, 水平线 (分割线) 会自动换行 -->
锄禾日当午,<br />
汗滴禾 下土.
- <hr />
- <!-- 标题标签 -->
- <h1 > 标题 1</h1>
- <h2 > 标题 2</h2>
- <h3 > 标题 3</h3>
- <h4 > 标题 4</h4>
- <h5 > 标题 5</h5>
- <h6 > 标题 6</h6>
- <hr />
- <!-- 段落标签 行间距(上下各空一行)-->
我要学 H5
<br />
他也要学 H5
- <br />
- <!---->
- <p > 他要学 H5</p>
- <p > 我也要学 H5</p>
- <!-- 标签嵌套 -->
- <p>
- <h1 > 这是标题</h1>
- <hr />
- <p > 这是第一自然段</p>
- <p > 这是第二自然段</p>
- <strong > 这是加粗的文字</strong>
- <b > 看看这个效果</b>
- <br />
- <em > 这是倾斜的文字, 一般用于引用</em>
- </p>
- <!-- 底线 -->
<u > 这是底线</u><br />
- <!-- 删除线 -->
- <del > 这是删除线</del>
- <br />
- <!-- 上标 -->
- Fe<sup>2+</sup>
- <br />
- <!-- 下标 -->
- H<sub>2</sub>SO<sub>4</sub>
- </body>
- </html>
来源: http://www.bubuko.com/infodetail-2579669.html