1、行内元素:只占一块内容包裹的区域,不占满
(1)a标签:超链接标签
<a href="http://www.baidu.com" target="_blank">百度一下</a>
(2)img标签:图片标签
<img src="img/cheng_lin.jpg" title="美女" alt="这是一个美女"/>
(3)span标签:常用于组合文档中的行内元素
<span>你好</span>
2、 块级元素:独占,占满一个区域
(1)div标签:常用于文档中分区
<p style="text-align: center;">白日依山尽</p>
<div style="text-align: center;">黄河入海流</div>
(2)p标签:段落标签
<p style="text-align: center;">白日依山尽</p>
(3)hn标签:标题标签
<h1>11</h1>
<h6>11</h6>
(4)ol标签:有序列表标签
<ol type="A" start="1">
<li>小说</li>
<li>文艺</li>
<li>励志/成功</li>
<li>童书</li>
<li>生活</li>
<li>人文社科</li>
<li>经营</li>
<li>科技</li>
<li>教育</li>
<li>其他</li>
</ol>
(5)ul标签:无序列表标签
<ul>
<li>小说</li>
<li>文艺</li>
<li>励志/成功</li>
<li>童书</li>
<li>生活</li>
<li>人文社科</li>
<li>经营</li>
<li>科技</li>
<li>教育</li>
<li>其他</li>
</ul>