这节小编mageo继续带大家学习 HTML5基础教程学习-4分组元素
1、分组元素汇总
p，表示段落
div，一个没有实际意义的通用元素，和span是对应元素
blockquote，表示引自他处的大段内容
pre，表示其格式应被保留的内容
ht，水平线
ul,ol，表示无序列表和有序列表
li，列表元素中的列表项
dl,dt,dd，自定义列表
figure，表示图片
figcaption，表示figure元素的标题。
2、分组元素解析
A、<p>建立段落
<p>这是一个段落</p>
两个段落之间有一定的距离。
B、<div>通用分组
<div>这是一个层，一个框架，一个模块</div>
div在早期版本特别常用，用来进行网页布局。而在HTML5中，由于语义的缘故，被其他各种文档元素所代替。和段落p的区别就是，两个文本的
上下没有空隙，空隙间隔和换行是一样的。
C、<blockquote>
实际作用除了和p元素一样，有段落空隙的功能，还包含了首尾缩进的功能。语义上表示，引用别处一个大的段落的内容。
D、<pre>展现格式化内容。
实际作用就是编辑器怎么排版，原封不动的展现出来。只适合简单的排版。
E、<hr>添加分隔，其实就是一条横线，也就是分割线。
F、<ul>无序列表
写法：
<ul>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
</ul>
ul表示无序列表，我们word中常见的前面带有小圆点的列表。li元素是列表项的意思。
G、<ol>有序列表
<ol>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
</ol>
和ul唯一不同的就是把无序列表的项目符号换成了数字表示而已。
有序列表有几个属性，
start:从第几个序列开始统计
reversed，是否倒叙排列，大部分主流浏览器不支持。
type，表示列表的编号类型，值有：1、a、A、i、I
例如<ol start=”5〃>,就是从第五个序列开始算起。
另外li标签也有个属性值，就是value，就是强行设置某个项目符号的编号。
H、<dl><dt><dd>自定义列表
比如：
<dl>
<dt>这是自定义列表标题</dt>
<dd>这里是内容一</dd>
<dd>这里是内容二</dd>
</dl>
G、<figure><figcaption>使用插图
写法：
<figure>
<figcaption>这是一张图片</figcaption> //图片的标题
<img src=”img.jpg” /> //图片的路径
</figure>
注意：这两个元素一般用于图片的布局，是HTML5特有的，一起的HTML版本没有这个元素。
本教程原创作者:mageo，出自每集博客，尊重作者劳动，转载请注明出处：http://www.ql2015.cn，谢谢！