• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html无序列表标签和有序列表标签使用示例

    一、上下层列表标签:<dl>..</dl>:

    上层dt
    下层dd:封装的内容会被自动缩进的效果


    复制代码
    代码如下:

    <dl>
    <dt>运动户外</dt>
    <dd>板鞋</dd>
    <dd>篮球鞋</dd>
    <dd>足球鞋</dd>
    <dd>跑步鞋</dd>
    </dl>

    二、定义有序列表: <ol>

    属性:
    type: 可以设置排序的样式 (也可以给li单独加这个属性)
    1表示以 1,2,3,4 来表示
    a 表示以 a,b,c,d 来表示
    A 表示以 A,B,C,D 来表示
    i 表示以 i,ii ,iii 来表示
    I 表示以 I,II,III来表示
    start:列表起点
     <li>:列表内容

    复制代码
    代码如下:

    <ol type="a" start="55">
    <li>板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>

    三、定义无序列表:<ul>

    属性:type:可以设置排序的样式 也可以给li单独加这个属性
    dise 实心圆(默认值)
    circle 空心圆
    square 实心方块
    <li>:列表内容

    复制代码
    代码如下:

    <ul type="square">
    <li type="disc">板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ul>

    上一篇:html网页插入图片、加入地图索引示例讲解
    下一篇:html body标签详解与html常用的控制标记
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html无序列表标签和有序列表标签使用示例 html,无序,列表,标签,和,