列表标签内容

 列表

        将一组一组数据列在一起

1、有序列表

            用ol创建  li表示每个列表

默认样式:默认加项目符号123,列表项前面有一定间距

2、无序列表

             用ul创建,li表示每个列表项

            默认样式:加项目符号黑心圆,列表项前面有一定间距

3、定义列表

           用dl创建,dt表示下定义    dd表示具体内容

ul ol li dl dt dd  都是块元素

ol type属性

                   可选值:1  默认

                       A、a、I、i  

              ul  type属性

                    可选值:disc  黑心圆

                          square,实心的方块

                  circle,空心的圆

<h3>起床三件事</h3>
    <ol type="i">
      <li>
        穿衣服
        <ul>
          <li>上衣</li>
          <li>下衣</li>
          <li>鞋子</li>
        </ul>
      </li>
      <li>洗漱</li>
      <li>吃早餐</li>
    </ol>
    <h3>超市购物</h3>
    <ul type="circle">
      <li>牙膏牙刷</li>
      <li>水果</li>
      <li>衣服</li>
    </ul>
    <h3>课程介绍</h3>
    <dl>
      <!-- 下定义 -->
      <dt>web课程</dt>
      <dd>html/css</dd>
      <dd>js</dd>
      <dd>vue</dd>
      <dt>java课程</dt>
      <dd>java基础</dd>
      <dd>javaWeb</dd>
      <dd>框架</dd>
    </dl>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值