列表

列表简介

列表:就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表。常用的列表有:无序列表,有序列表,定义列表三种。还有不常用的目录列表(dir)和菜单列表(menu)。
列表类型与标记符号:

列表类型标记符号
无序列表ul
有序列表ol
定义列表dl

无序列表

无序列表是一个没有特定顺序的相关条目的集合,在无序列表中,各个列表项属并列关系,没有先后顺序之分,他们之间以一个项目符号来标记。
基本语法:

<ul type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</ul>

使用无序列表标记的type属性,用户可以指定出现在列表项前的项目符号的样式,其取值以及相对应的符号样式如下:
(1)disc:指定项目符号为一个实心圆点(IE浏览器的默认值);
(2)circle:指定项目符号为一个空心圆点;
(#)square:指定项目符号为一个实心方块。

有序列表

有序列表及其编号样式:
有序列表是一个有特定顺序的相关条目的集合,在有序列表中,各个列表项有先后顺序之分,它们之间以编号来标记。
基本语法:

<ol type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</ol>

使用有序列表标记的type属性,用户可以指定出现在列表项前的项目符号的样式,其取值以及相对应的符号样式如下:
(1)1:指定项目编号为阿拉伯数字(IE浏览器默认值是disc);
(2)a:指定项目编号为小写字母;
(3)A: 指定项目编号为大写英文字母;
(4)i: 指定项目编号为小写罗马数字;
(5)I: 指定项目编号为大写罗马数字;
编号起始值:
通常,在指定列表的编号样式后,浏览器会开始自动编号。而在使用有序列表标记的start属性后,用户可以改变编号的起始值。start属性值是一个整数,表示从哪一个数字或字母开始编号。例如设置start="3“,则有序列表的列表项将从3、c、C、iii或III开始编号,
列表项样式
使用列表项标记<li></li>的type属性,在列表标记<ol></ol>的type属性和列表项标记<li></li>的type属性发生冲突的情况下,所指定的单个列表遵循<li></li>的type属性进行显示。
列表项标记<li></li>的type属性只影响当前列表项,后续的列表项标记将恢复遵循列表中设置的type属性。
列表项标记<li></li>的type属性的指定既可以用于无序列表也可用于有序列表。
列表项编号:
使用列表项标记<li></li>的value属性。不仅可以改变当前列表项的编号大小,并会影响其后所有列表项的编号大小,但该属性只用于有序列表。

定义列表

在HTML文件中,只要插入<dl></dl>标记 ,即可自动生成定义列表。在它的每一项前既没有项目符号,也没有编号,它通过缩进的形式使内容层次清晰。
基本语法:

<dl>
   <dt>...</dt>
      <dd>...</dd>
      <dd>...</dd>
      ...
   <dt>...</dt>
      <dd>...</dd>
      <dd>...</dd>
      ...
 </dl>

语法说明:
(1)<dl></dl>标记用来创建定义列表。
(2)<dt></dt>标记用来创建列表中的上层项目,此标记只能在<dl></dl>标记中使用,显示时<dt></dt>标记定义的内容将左对齐。
(3)<dd></dd>标记用来创建列表中的下层项目,此标记也只能在<dl></dl>标记中使用,显示时<dd></dd>标记定义的内容相对于<dt></dt>标记定义的内容向右缩进。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值