第六十二节，html分组元素

段落的区别就是，两段文本的上下空隙是没有的，空隙间隔和
换行一样。

3.

引用大段他出内容

<blockquote>这是一个大段引自他出内容blockquote>
<blockquote>这是另一个大段引自他出内容blockquote>

效果：

这是一个大段引自他出内容

这是另一个大段引自他出内容

解释：

元素实际作用除了和

元素一样，有段落空隙的功能，还包含了首尾缩进的功能。语义上表示，大段的引用他出的内容。

4.

展现格式化内容


<pre>
    #####
        #####
            #####
        #####
    #####
pre>

效果：
    #####
        #####
            #####
        #####
    #####
解释：
元素实际作用就是编辑器怎么排版的，原封不动的展现出来。当然，这种只适合简单的排版，复杂的排版就无法满足要求了。


5.
添加分隔


<hr>

效果：


 解释：
元素实际作用就是添加一条分割线，意图呈现上下文主题的分割。


6.
添加无序列表


<ul>
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ul>

效果：

张三
李四
王五
马六

 解释：
元素表示无序列表，而
元素则是内部的列表项。


7.
添加有序列表


<ol>
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

 解释：
元素表示有序列表，而
元素则是内部的列表项。
元素目前支持三

种属性。
ol元素属性
属性名称                                       说明
start         从第几个序列开始统计：
 


<ol start="3">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

reversed        是否倒序排列：
，一半主流浏览器不支持


<ol start="3" reversed>
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

type          表示列表的编号类型，值分别为：1、a、A、i、I
1数字类型

<ol type="1">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

a小写字母类型

<ol type="a">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

A大写字母类型

<ol type="A">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

i类型

<ol type="i">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六

I类型

<ol type="I">
    <li>张三li>
    <li>李四li>
    <li>王五li>
    <li>马六li>
ol>

效果：

张三
李四
王五
马六


li元素属性
属性名称                                       说明
value          强行设置某个项目的编号。


<ol>
    <li>张三li>
    <li>李四li>
    <li value="9">王五li>
    <li>马六li>
ol>


效果：

张三
李四
王五
马六

 注意：以上都是有序列表属性

8.
生成说明列表


<dl>
    <dt>这是一份文件dt>
    <dd>这里是这份文件的详细内容1dd>
    <dd>这里是这份文件的详细内容2dd>
dl>

效果：
这是一份文件
这里是这份文件的详细内容1
这里是这份文件的详细内容2
解释：这三个元素是一个整体，但
或
并非都必须出现。


9.