云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

html进阶:使用html中的列表项li

来源:昆明多彩网络公司 日期:2010-12-13 阅读: 发表评论

怎么使用html中的列表项li标签?

你一直想添加列表到网页中去?嗯,这里介绍一些怎么样将li添加到网页中去的教程。

首先,我们需要有一个开始的标记和结束的标签组成整个列表。对于初学者来说,一开始最好使用一个无序列表,创建一个具有一些符号开头的列表项目,整个列表的开始标记是<ul>,那么结束标记是什么呢?...没错,你猜对了... </ ul>。

现在,来展示列表的每个项目,可以使用<li>标签,后面是需要呈现的列表内容</li>,这样可以做制作标签每个列表项。这里是一个有两个列表项的示例列表:

<ul>

<li>我是第一个网站建设列表项</li>

<li>我是第二个网站制作列表项</li>

</ul>

这个时候会显示

列表会缩进一些距离,借此来告诉浏览者他们是一个列表项。

同时列表<li>之前的圆点是可以自由定义的,下面列出了几种类型。

类型 说明
disc 实心圆
circle 空心圆
square 实心方块
decimal 阿拉伯数字

如果你想在列表前面使用方块标记,可以像这样使用:

<ul type="square">

<li>Square 1</li>

<li>Square 2</li>

</ul>

他们效果会是这样: 

  • Square 1
  • Square 2

  同样的,如果你想使用阿拉伯数字:

  1. Item 1
  2. Item 2
  3. Item 3

还可以在li中使用罗马数字:

<ol type="I">

<li>网站建设之罗马数字 I</li>

<li>网站建设之罗马数字 II</li>

</ol> 

  1. 网站建设之罗马数字 I
  2. 网站建设之罗马数字 II

好了,这就是li列表标签,下面我们来学习><body>标签属性。

发表评论评论列表(有 条评论)