HTML实践-列表基础【有序，无序，列表嵌套】

列表相关知识

1 有序列表：

ol:定义有序列表
li:定义列表项
ol的属性type可以定义有序标识，如1，则排序1,2,3.如a,则排序a,b,c

2 有序列表样例代码

<!-- 有序列表演示 -->
    <ol type="1">酒类
        <li>酒鬼酒</li>
        <li>水井坊</li>
        <li>古井贡</li>
    </ol>
    <ol type="A">香烟
        <li>希尔顿</li>
        <li>大中华</li>
        <li>柔和七星</li>
    </ol>

3 有序列表实例截图

4 无序列表：

ul:定义无序列表
li:定义列表项
ul列表的属性type 定义提示符演示，比如：cricle，圆圈，squre,方块提示。

5 无序列表样例代码

<!-- 无序列表 -->
    <ul type="circle">满汉全席
        <li>蒸鹿尾</li>
        <li>烧花鸭</li>
        <li>清蒸哈什蚂</li>
    </ul>
    <ul type="square">八旗
        <li>镶黄旗</li>
        <li>正蓝旗</li>
        <li>正红旗</li>
    </ul>
    <ul>零食
        <li>富力饼干</li>
        <li>大白兔</li>
    </ul>

6 无序列表实例截图

7 列表的嵌套【常用语页面导航】

<!-- 列表嵌套 -->
    <ul>
        <li>
            编程语言
            <ul>
                <li>java</li>
                <li>c#</li>
                <li>PHP</li>
            </ul>
        </li>
        <li>
            数据库
            <ul>
                <li>ORACLE</li>
                <li>SQLSERVER</li>
                <li>MYSQL</li>
            </ul>
        </li>
    </ul>

8 列表嵌套效果