HTML5 列表标签(ul标签)
以下为学做网站论坛关于“HTML5 列表标签(ul标签)”讲解视频教程。
选择课程播放速度:
HTML5 列表标签有二种,分为
有序列表(ol标签)<ol></ol>
无序列表(ul标签)<ul></ul>
列表的每一项用 <li></li>
一、无序列表
无序列表(Unordered List)是一个没有特定顺序的相关条目(或称为列表项)的集合。在无序列表中,各个列表项之间属并列关系,没有先后顺序之分,它们之间以一个项目符号来标记。
基本语法
<ul>
<li> 项目名称 </li>
……
<li> 项目名称 </li>
</ul>
在HTML5中,可以使用成对的<ul></ul>标记插入无序列表,其中的列表项标记<li></li>(list-items)用来定义列表项序列。
使用无序列表标记的type属性,可以指定出现在列表项前的项目符号的样式,其取值以及相对应的符号样式如下:
(1)disc:指定项目符号为一个实心圆点(IE浏览器默认值是disc);
(2)circle:指定项目符号为一个空心圆点;
(3)square:指定项目符号为一个实心方块。
二、有序列表
1、有序列表及其编号样式
有序列表(Ordered List)是一个有特定顺序的相关条目(或称为列表项)的集合。在有序列表中,各个列表项有先后顺序之分,它们之间以编号来标记。
基本语法
<ol type=” ”>
<li> 项目名称 </li>
……
<li> 项目名称 </li>
</ol>
语法说明
在HTML中,可以使用成对的<ol></ol>标记插入有序列表,其中的列表项标记<li></li>(list-items)用来定义列表项序列。
使用有序列表标记的type属性,可以指定出现在列表项前的项目编号的样式,其取值以及相对应的符号样式如下:
- (1)1:指定项目编号为阿拉伯数字(IE浏览器的默认值);
- (2)a:指定项目编号为小写英文字母;
- (3)A:指定项目编号为大写英文字母;
- (4)i:指定项目编号为小写罗马数字;
- (5)I:指定项目编号为大写罗马数字。