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>


  • 相关阅读:
    java学习(一)
    linux下java环境配置
    移动平台开发团队展示
    VS的安装项目:解决安装后注册表中程序信息InstallLocation为空的问题
    .NET将数据导出到Excel表(如何指定默认文件名)
    Linux Shell编程入门
    http与WebSocket
    git push时报错filename too long的解决
    js中传统事件绑定模拟现代事件处理
    对三次握手的理解
  • 原文地址:https://www.cnblogs.com/zoulixiang/p/9953115.html
Copyright © 2011-2022 走看看