学做网站培训课程介绍

当前位置:

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

发表评论

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

相关教程

  • 在自己做网站时,有时需要在自己的网站上插入一些视频。特别是像学做网站论坛这样的视频教程网站,每个页面都需要插入一个视频教程。这时我们就需要使
  • 什么是HTML5+CSS3 图文教程 (193947 次浏览)
    HTML5+CSS3 是一种最新的网站网页布局方式。 HTML5:用于书写网站内容 CSS3:控制内容的排版。 网页布局一共经历了三个主要阶段: 第一个
  • 有些做视频网站的学员有这样一个问题,自己做的视频网站中放的视频的封面图片并不是自己想要的图片,怎么给自己的视频添加自定义的封面图片呢?
  • 列表标签有二种,分为有序列表(ol标签)和无序列表(ul标签)。通过列表标签可以排列网站中的很多内容,让用户一目了然。列表标签在做网站和网页
  • HTML5 列表标签有二种,分为有序列表(ol标签)<ol></ol>无序列表(ul标签)<ul></ul>列表的每一项用 <li>