5.HTML分组元素

 

 

                                                第五章 分组元素

一、

   1、<p> 建立段落：就是分段，上下两段有明显的距离。

   2、<div> ：早起经常作为布局使用，和<p>的区别就是上下两段之间没有空隙，和<br>换行一样。

   3、<blockquote> 引出大段来自他出的内容：除了与<p>的功能一样，有段落空隙的功能外，还有首尾自动缩进的功能。

   4、<pre> 展现格式化内容：可以处理一些简单的排版。

   5、<hr>  添加分隔：就是在要求分隔的上下两段之间出现一条很长的线。

   6、<ul><li>  添加无序列表：

   7、<ol><li>  添加有序列表：

   （1） <ul>                         （2）<ol>                  （3）<ol start="5">        （4）<ol reversed>  

 <li>张三</li>                     <li>张三</li>              <li>张三</li>              <li>张三</li>

 <li>李四</li>                     <li>李四</li>              <li>李四</li>              <li>李四</li>  

 <li>王五</li>                     <li>王五</li>              <li>王五</li>              <li>王五</li>                     

 <li>马六</li>                     <li>马六</li>              <li>马六</li>              <li>马六</li>                      

         </ul>                             </ol>                      </ol>                      </ol>                           

       在名字的前方都是一个小黑点；    在名字的前边有1到4的数字；   在名字前有自5到8的数字；   在名字前有自4到1的数字；                                

    （6）<ol type="a">              （7）<ol >

<li>张三</li>                    <li>张三</li>

<li>李四</li>                    <li>李四</li>

<li>王五</li>                    <li value="5">王五</li>

<li>马六</li>                    <li>马六</li>

        </ol>                            </ol>  

        在名字前有自a到d的字母；       在名字前的数字为1、2、5、6；

 

   8、<dl><dt><dd> 生成说明列表：这三个元素是一个整体，但是<dt><dd>并非都必须出现；

          <dl>

             <dt>这是一份文件</dt>

     <dd>这是这份文件的详细内容 1</dd>

     <dd>这是这份文件的详细内容 2</dd>

          </dl>

   9、<figure><figcaption> 使用插图；

          <figure>

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

      <img src="图片地址">

          </figure>