零基础学做网站培训介绍

当前位置:

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:指定项目编号为大写罗马数字。

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程