列表元素和容器元素

有序列表

ol:整个列表

li:列表中某一项

例如

    上王者需要几步
    <ol>
        <li>打上白银</li>
        <li>打上黄金</li>
        <li>打上铂金</li>
        <li>打上钻石</li>
        <li>打上星耀</li>
        <li>打上王者</li>
    </ol>

reversed属性

此布尔值属性指定列表中的条目是否是倒序排列的,即编号是否应从高到低反向标注

type属性

设置编号的类型:

  • a 表示小写英文字母编号
  • A 表示大写英文字母编号
  • i 表示小写罗马数字编号
  • I 表示大写罗马数字编号
  • 1 表示数字编号(默认)

无序列表

ul:无序列表通常用于制作菜单或新闻列表

定义列表

通常用于一些术语的定义

dl:定义列表

dt:标题

dd:术语描述

<body>
    王者荣耀的术语解释
    <dl>
        <dt> 王者荣耀</dt>
            <dd>至尊星耀</dd>
            <dd>荣耀王者</dd>
            <dd>巅峰赛</dd>
    </dl>
</body>

容器元素

该元素代表一个块区域,内部用于放置其他元素

div元素

是一个通用的容器元素

语义化容器元素

header:通常用于表示页头,也可以用于表示文章的头部

footer:通常用于表示页脚,也可用于表示文章尾部

article:通常用于表示文章整篇

section:通常用于表示文章章节

aside:通常用于表达附加信息,侧边栏

元素的包含关系

1.容器元素可包含任何元素

2.a元素几乎可以包含任何元素

3.某些元素有固定子元素(ul>li,ol>li,dl>dt>dd

4.标题元素和段落元素不能相互嵌套,并且不能包含容器元素

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值