html之列表

1.无序列表--ul

语法：

<ul type="项目符号类型">

    <li type=""></li>

    <li></li>

    ......

</ul>

type有三个取值：disc(实心圆--默认值)、circle(空心圆)、square(方块)

运行效果：

2.有序列表--ol

语法：

<ol type="项目符号类型" start="列表的起点">

 　<li type=""></li>

    <li></li>

    ......

</ol>

type有以下这些取值：

1：以1,2,3,4...来表示

a：以a,b,c,d...来表示

i：以小写的罗马数字来表示

I：以大写的罗马数字来表示

运行效果：

我们加上start属性：

<ol type="1" start="10">
 <li>项目1</li>
 <li>项目2</li>
 <li>项目3</li>
 <li>项目4</li>
 <li>项目5</li>
</ol>

运行效果:

其他类似。

3.定义列表--dl

语法：

<dl>

　　<dt>

　　　　标题1

　　</dt>

  　<dd>内容1</dd>

　 <dd>内容2</dd>

    <dt>

　　　　标题2

　　</dt>

  　<dd>内容1</dd>

　 <dd>内容2</dd>

</dl>

<dl>:定义列表

<dt>:表示一个项目

<dd>:表示一个项目下更详细的内容的解释

看示例：

定义列表：
<dl>
    <dt>电脑</dt>
        <dd>台式电脑</dd>
        <dd>平板电脑</dd>
    <dt>手机</dt>
        <dd>智能手机</dd>
        <dd>普通手机</dd>
</dl>
</body>

运行效果：