html中的分组元素

1. p元素

    p元素用来建立段落，段落与段落之间保持一定的间隙。

    <p>这是一个段落</p>

    <p>这也是一个段落，我们之间有间隙</p>

2. div元素

    div元素是通用分组，常用于布局。

    <div>我是一个通用分组</div>

    <div>我也是一个通用分组，我们之间没有间隙</div>

3. blockquote元素

    blockquote元素与p元素一样，除此之外还包含首尾缩进的功能，表示大段引用其他出处的内容。

    <blockquote>这是一大段被引用的内容</blockquote>

    <blockquote>这也是一大段被引用的内容，我们有间隙也会首尾缩进</blockquote>

4. pre元素

    pre元素用于展示格式化内容，编辑器是如何排版的，它将会原封不动的展示出来，这种只适用于简单的排版。

5. hr元素

     hr元素的作用为添加一条分割线，用于呈现上下文主题的分割。

6. 无序列表

   ul  li元素

   <ul>

         <li>1</li>

         <li>2</li>

         <li>3</li>

   </ul>

7. 有序列表

   ol  li元素

   <ol>

         <li>1</li>

         <li>2</li>

         <li>3</li>

   </ol>

   注：ol元素有一个start属性，start的值表示有序列表开始的序数。

          reversed表示倒序。

          type属性表示编号类型，值分别为：1、a、A、i、I

          li元素有一个value属性，用于强行设置某个项目的编号。

8. 说明列表

    <dl>

           <dt>我是标题</dt>

           <dd>我是详细内容1</dd>

           <dd>我是详细内容2</dd>

    </dl>

9. figure元素figcaption元素

    其作用为使用插图,，一般用于图片布局。

    <figure>

            <figcaption>这是一张图片</figcaption>

            <img src = "1.jpg">

    </figure>