zoukankan      html  css  js  c++  java
  • HTML 列表实例

    41.无序列表
    本例演示无序列表。
    <h4>一个无序列表</h4>
    <ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
    </ul>
    42.有序的列表
    <h4>一个有序的列表</h4>
    <ol>
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
    </ol>
    <ol start="20">
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
    </ol>

    43.不同类型的无序列表 ####
    本例演示一个无序列表。
    ####

    标签 描述
    <ol> 定义有序列表。
    <ul> 定义无序列表。
    <li> 定义列表项。
    <dl> 定义定义列表。
    <dt> 定义定义项目。
    <dd> 定义定义的描述。
    <dir> 已废弃。使用 <ul> 代替它。
    <menu> 已废弃。使用 <ul> 代替它。


    <h4>Disc项目符号列表</h4>
    <ul type="disc">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ul>
    <h4>circle 项目符号列表</h4>
    <ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ul>
    <h4>Square 项目符号列表</h4>
    <ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ul>

    44.不同类型的有序列表
    本例演示不同类型的有序列表。
    <h4>数字列表</h4>
    <ol>
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>字母列表</h4>
    <ol type="A">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>

    <h4>小写字母列表</h4>
    <ol type="a">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>
    <h4>罗马字母列表</h4>
    <ol type="I">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>
    <h4>小写罗马字母列表</h4>
    <ol type="i">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
    </ol>
    45.嵌套列表
    本例演示如何嵌套列表。

    <h4>一个嵌套列表</h4>
    <ul>
    <li>咖啡</li>
    <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶</li>
    </ul>
    </li>
    <li>牛奶</li>
    </ul>

    46.两层嵌套列表
    <h4>两个嵌套列表</h4>
    <ul>
    <li>咖啡</li>
    <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶
    <ul>
    <li>中国茶</li>
    <li>非洲茶</li>
    </ul>
    </li>
    </ul>
    </li>
    <li>牛奶</li>
    </ul>

    47.一个定义列表
    <body>
    <h2>一个定义列表</h2>
    <d1>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置</dd>
    </d1>


  • 相关阅读:
    [hihocoder1509][异或排序]
    [hdu6148][Valley Numer]
    [hdu2089][不要62]
    [luoguU42591][小T的绝对值]
    [luogu2073][送花]
    [bzoj4709][柠檬]
    [luogu2114][起床困难综合症]
    [codevs3342][绿色通道]
    [luoguU42591][小T的面试题]
    [noip][2014]
  • 原文地址:https://www.cnblogs.com/zoulixiang/p/9953115.html
Copyright © 2011-2022 走看看