无序列表 有序列表

无序列表ul
              列表项li
   无序列表特点：在每个列表项li前面，会有实心圆点
   属性：
   type="disc"  实心圆点
   type="square" 实心方形
   type="circle" 空心圆
   注意：html5文件不推荐直接使用type属性。请使用样式取代它。
   
有序列表ol

              列表项li

   有序列表特点：在每个列表项li前面，会有数字1234

   属性：

   type="1" 数字

   type="a" 小写英文字母

   type="A" 大写英文字母

   type="i" 小写罗马符号

   type="I" 大写罗马符号

   注意：html5文件不推荐直接使用type属性。请使用样式取代它。

<!-- html中的注释 是ctrl+/ ，取消也是ctrl+/ -->
    <!-- ul无序列表 -->
    <!-- type="disc" 实心圆点，默认的也是圆点 -->
    <ul type="disc">
        <li>胡马依北风，越鸟巢南枝</li>
        <li>涉江采芙蓉，兰泽多芳草</li>
        <li>努力爱春华，莫忘欢乐时</li>
        <li>夕殿下珠帘，流萤飞复息</li>
        <li>莫待山阳路，空闻吹笛悲</li>
    </ul>
     <!-- ul>li*4  
         type="square" 实心方形 -->
     <ul type="square" >
         <li>枫叶千枝复万枝，江桥掩映幕帆迟</li>
         <li>忆君心似西江水，日夜东流无歇时</li>
         <li>一叶随风忽报秋，纵使君来岂堪折</li>
         <li>行人无限秋风思，隔水青山似故乡</li>
     </ul>
     <!--   type="circle" 空心圆 -->
     <ui type="circle">
         <li>惟将终夜长开眼，报答平生未展眉</li>
         <li>玲珑骰子安红豆，入骨相思知不知</li>
         <li>秋日游，落英缤纷花满头</li>
     </ui>
     <!-- ol 有序列表
    在每个列表li的前面会生成序号 -->
    <ol>
        <li>自到东都后，安闲更得宜</li>
        <li>叶落槐亭院，冰生竹阁池</li>
        <li>雀罗谁问讯，鹤氅罢追随</li>
    </ol>
    <!-- type="a" 小写英文字母 -->
    <ol type="a">
        <li>桃花春水渌，水上鸳鸯浴</li>
        <li>相思相见知何日，此时此夜难为情</li>
        <li>从此无心爱良夜，任他明月下西楼</li>
    </ol>
    <!-- type="A" 大写英文字母 -->
    <ol type="A">
        <li>李白乘舟将欲行，忽闻岸上踏歌声</li>
        <li>桃花潭水深千尺，不及汪伦送我情</li>
        <li>回乐峰前沙似雪，受降城下月如霜</li>
    </ol>
    <!--  type="i" 小写罗马符号 -->
    <ol>
        <li>今夕复何夕，共此灯烛光</li>
        <li>夜雨剪春韭，新炊间黄粱</li>
        <li>君问归期未有期，巴山夜雨涨秋池</li>
    </ol>
    <!-- type="I" 大写罗马符号 -->
    <ol>
        <li>正是江南好风景，落花时节又逢君</li>
        <li>别梦依依到谢家，小廊回合曲阑斜</li>
        <li>胭脂泪，相留醉，几时重，自是人生长恨水长东</li>
    </ol>