[TOC]
### div 分区显示标签 白板
也称之为层标记
常用来编排一大段的HTML段落,也可以用于格式化表,和`<p>`很相似
层可以多层嵌套使用
### span 白板
### br 强制换行标签 单标签
让后面的文字,图片,表格显示在**下一行**
### p 换段落标签
换段落,由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用`<p>`,`<p>`标签可以嵌套
### hr 水平分割线标签
段落之间的分割线
### center 居中标签
让段落或者是文字相对于父标签居中显示
### pre 预格式化标签
保留预先编排好的格式
### ul 无序列表标签
声明这个列表没有序号,需配合`<li>`标签使用
~~~
<body>
<ul>
<li>第一节课</li>
<li>第二节课</li>
<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
</ul>
</body>
~~~
显示效果
![](http://i2.muimg.com/567571/cb02386e94e7d68a.png)
### ol 有序列表标签
可以显示特定的一些顺序
~~~
<body>
<ol type="A" >
<li>第一节课</li>
<li>第二节课</li>
<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
</ol>
</body>
~~~
显示效果
![](http://i1.piimg.com/567571/280120f1c261358b.png)
#### type属性
>[info] 1 阿拉伯数字1.2.3等等,默认type属性值
A 大小字母A、B、C等等
a 小写字母a、b、c等等
Ⅰ大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
ⅰ小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等
#### value属性
指定一个新的序列数字起始值
~~~
<body>
<ol type="1" >
<li>第一节课</li>
<li value="3">第二节课</li>
<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
</ol>
</body>
~~~
显示效果
![](http://i2.muimg.com/567571/2839e9d9dfe84a02.png)
### dl dt dd 定义型列表标签
~~~
<body>
<dl>
<dt>人民的名义</dt>
<dd>人民的名义是一部不错的电视剧</dd>
<dt>天下无贼</dt>
<dd>天下无贼是一部不错的电影</dd>
</dl>
</body>
~~~
显示效果
![](https://box.kancloud.cn/1dc1ed59cd2c91ec0ed0d98eae19b1c3_295x111.png)