HTML5列表的使用

内容简介：

1. HTML列表的使用

1. HTML列表

• 无序列表
  使用标签：<ul>、<li>
属性：disc、circle、square
• 有序列表
  使用标签：<ol>、<li>
属性：A、a、I、i、start
• 嵌套列表
  使用标签：<ul>、<ol>、<li>
• 自定义列表
  使用标签：<dl>、<dt>、<dd>

<ol> 有序列表
<ul> 无序列表
<li>  列表项 
<dl> 自定义列表
<dt> 列表项
<dd> 描述

代码片段：

<!--有序列表-->
<ol start = "10">
    <li>苹果</li>
    <li>香蕉</li>
    <li>橘子</li>
</ol>

<!--无序列表-->
<ul type = "square">
    <li>课程</li>
    <!--嵌套列表-->
        <ul>
            <li>语文</li>
            <li>数学</li>
            <li>英语</li>
        </ul>
    <li>水果</li>
    <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>橘子</li>
    </ul>
</ul>

<!--自定义列表-->
<dl>
    <dt>hello world</dt>
       <dd>你好</dd>
    <dt>hello world</dt>
       <dd>你好</dd>
    <dt>hello world</dt>
       <dd>你好</dd>
<dl>

结果： 屏幕快照 2017-07-07 下午5.07.03.png

会持续更新，谢谢！