HTML5学习(08)列表/菜单列表/文本显示方向

HTML分为有序列表、无序列表、定义列表三种列表方式,都是通过<li>标签来配合使用;

  有序列表标签<ol>:标签中各个列表项使用编号排序,列表中所有的项都有先后顺序,一般采用数字或者字母作为顺序号。

  主要属性:

  • compact:紧凑型,表示列表显示得比正常情况下小一点;
  • start:起始编号,可以通过设置此属性设置显示的起始编号;
  • type:列表类型,a\A\1\i(小写罗马数字)\I(大写罗马数字)顺序类型;
  • reversed:降序排列列表;

  无序列表<ul>:不使用编号排序,其他结构与有序列表一样;

  主要属性:

  • compact:紧凑型,表示列表显示得比正常情况下小一点;
  • type:列表类型,属性有disc(黑色实心远点-默认)、circle(空心圆)、square(实心正方形);

  目录列表标签<dir>:显示效果与有序列表相同,可以通过无序列表来替代使用;

  定义列表标签<dl>:有<dt>指定项目名称,<dd>具体的解释与项目内容两部分组成。

菜单列表标签<menu>:主要用于设计单列的菜单列表,显示效果与无序列表显示相同,菜单列表也是通过<li>标签配合使用;

  主要属性:

  • label:为菜单添加标题标签;
  • type:指定菜单列表的显示类型;主要为list列表菜单(默认)、context上下文菜单、toolbar工具栏菜单;

<bdo>标签:覆盖默认文本显示方向;必选属性dir该属性有两个值ltr(表示从左到右显示文本)、rtl(表示从右到左显示文本)

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值