HTML中的常用的列表标签

列表(list)

1:有序列表 用ol标签创建,li表示列表项

2:无序列表 用ul标签创建,li表示列表项

3:定义列表 用dl标签创建,使用dd对内容进行解释说明

注意:列表之间是可以互相嵌套的

一:有序列表——使用有序的序号作为项目符号

type属性,可以指定序号的类型

        可选值:默认值,使用阿拉伯数字

                        a/A 采用小写或大写字母作为序号

                        i/I 采用小写或大写的罗马数字作为序号

        ol是块元素

二:无序列表

通过type属性可以修改无序列表的项目符号

        可选值:

                disc,默认值,实心的圆点

                square,实心的方块

                circle,空心的圆

注意:默认的项目符号我们一般都不使用!!

如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置

ul和li是块元素

三:定义列表——用来对一些词汇或内容进行定义

使用dl来创建一个定义列表

        dl中有两个子标签

        dt : 被定义的内容

        dd : 对定义内容的描述

dl和ul和ol之间都可以互相嵌套

注意:一般网页中使用列表来设计内容重复且需要排列的模块 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <ul type="square">
      <li>吃饭</li>
      <li>睡觉</li>
      <li>打豆豆</li>
    </ul>
 
    <ol type='I'>
      <li>喝酒</li>
      <li>烫头</li>
      <li>开车</li>
    </ol>
 
    <dl>
      <!-- 下定义 -->
      <dt>结构</dt>
      <!-- 具体内容 -->
      <dd>表示网页的结构</dd>
      <dt>表现</dt>
      <dd>对页面进行修饰</dd>
    </dl>
  </body>
</html>

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

趋之

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值