学做网站培训课程介绍

当前位置:

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

发表评论

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

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • canvas是html5中比较重要的一个标签,canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • DW 如何创建HTML5网页 图文教程 (127881 次浏览)
    HTML5现在已经成为网页的主流,在使用DW软件新建网页时,我们可以直接去新建一个HTML5页面来编辑。(相关知识:html5从入门教程)DW 创建HTML5格式
  • 列表标签有二种,分为有序列表(ol标签)和无序列表(ul标签)。通过列表标签可以排列网站中的很多内容,让用户一目了然。列表标签在做网站和网页
  • HTML5 列表标签有二种,分为有序列表(ol标签)<ol></ol>无序列表(ul标签)<ul></ul>列表的每一项用 <li>