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

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

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

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

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

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

<ul>

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

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

</ul>

这个时候会显示

• 我是第一个网站建设列表项
• 我是的二个网站制作列表项

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

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

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

<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>标签属性。