<li>列表标签

1.无序列表

注意事项:

  • <li>不能单独使用
  • <ul>的子标签只能是<li>
  • <li>中可以放任何标签
<!-- 基本结构 -->
<ul><li></li></ul>

        示例: 

<!-- 列表的嵌套 -->
<ul>
    <li>
        <h1>江苏省</h1>
        <ul>
            <li>南京</li>
            <li>苏州</li>
            <li>无锡</li>
        </ul>
    </li>
    <li>
        <h1>湖北省</h1>
        <ul>
            <li>武汉</li>
            <li>宜昌</li>
            <li>孝感</li>
        </ul>
    </li>
</ul>


2.有序列表

注意事项:

  • <li>不能单独使用
  • <ol>的子标签只能是<li>
  • <li>中可以放任何标签

 常用属性:

type:用来设置编号。

start:属性值必须是一个整数,指定了列表编号的起始值。

reversed:指定列表中的条目是否是倒序排列的,reversed属性不需要值,只需要写reversed单词即可,这是HTML5的全新特性

<!-- 基本结构 -->
<ol><li></li></ol>

         示例: 

<!-- 有序列表 -->
<ol>
    <li>小明</li>
    <li>小红</li>
    <li>小黄</li>
    <li>小绿</li>
</ol>
<ol reversed>
    <li>小明</li>
    <li>小红</li>
    <li>小黄</li>
    <li>小绿</li>
</ol>

 


 3.定义列表

        需要逐条给出定义描述的列表,就是定义列表。

<!-- 基本结构 -->
<dl>
    <dt>
        <dd></dd>
    </dt>
</dl>

         示例: 

<!-- 定义列表 -->
<!-- 第一种写法 -->
<dl>
    <dt>
        <h3>LOL</h3>
    </dt>
    <dd>《英雄联盟》是由腾讯控股的首家美国公司RiotGames开发的3D竞技场战网游戏。</dd>
    <dt>
        <h3>CF</h3>
    </dt>
    <dd>《穿越火线》游戏是由韩国SmileGate开发,由深圳市腾讯计算机系统有限公司代理运营的一款第一人称射击游戏。</dd>
    <dt>
        <h3>TFT</h3>
    </dt>
    <dd>《云顶之弈》是游戏《英雄联盟》中的一个回合制策略游戏模式。</dd>
</dl>
<p>----------------------------------------------------------------------------------------------------------------------------------------
</p>
<!-- 第二种写法 -->
<dl>
    <dt>
        <h3>LOL</h3>
    </dt>
    <dd>《英雄联盟》是由腾讯控股的首家美国公司RiotGames开发的3D竞技场战网游戏。</dd>
</dl>
<dl>
    <dt>
        <h3>CF</h3>
    </dt>
    <dd>《穿越火线》游戏是由韩国SmileGate开发,由深圳市腾讯计算机系统有限公司代理运营的一款第一人称射击游戏。</dd>
</dl>
<dl>
    <dt>
        <h3>TFT</h3>
    </dt>
    <dd>《云顶之弈》是游戏《英雄联盟》中的一个回合制策略游戏模式。</dd>
</dl>

  • 6
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值