html进阶:使用html中的列表项li
2011-04-22 14:03:51   来源:   评论:0 点击:

怎么使用html中的列表项li标签? 你一直想添加列表到网页中去?嗯,这里介绍一些怎么样将li添加到网页中去的教程。首先,我们需要有一个开始的标记和结束的标签组成整个列表。对于初学者来说...
怎么使用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>标签属性。

相关热词搜索:

上一篇:windows下apache的安全设置要点
下一篇:团购网陷入混战,门槛过低成为主因

分享到: 收藏
鄂ICP备11006399号
Website Design & Power by:hbyxx.net