HTML5列表、块、布局

一、列表

<ol>  无序列表  （每项前有.）

<ul>  有序列表   （每项前有编号1,，2，3）

<li>   列表项

<ul type="square">
        <li>苹果</li>
        <li>橘子</li>
        <li>香蕉</li>
    </ul>
    <ol type="i" start=10>
        <li>苹果</li>
        <li>橘子</li>
        <li>香蕉</li>
    </ol>

1,无序列表

标签：<ul> <li>

属性：disc 实体圆

circle 空心圆

square 方块实体

2,有序列表

标签：<ol> <li>

属性： A  a  I  i   start

3,嵌套列表

　　<ul type="square">
        <li>宠物</li>
            <ul>
                <li>猫</li>
                <li>狗</li>
                <li>兔子</li>
            </ul>
        <li>人类</li>
            <ul>
                <li>亚洲人</li>
                <li>美洲人</li>
                <li>欧洲人</li>
            </ul>
        <li>植物</li>
　　</ul>

4,自定义列表

标签：<dl>  <dt>  <dd>

　　<dl>
        <dt>hello world</dt>
            <dd>C++</dd>
        <dt>hello world</dt>
            <dd>Java</dd>
        <dt>hello world</dt>
    </dl>