html进阶:使用html中的列表项li
来源:昆明多彩网络公司 日期:2010-12-13 阅读: 发表评论
你一直想添加列表到网页中去?嗯,这里介绍一些怎么样将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
同样的,如果你想使用阿拉伯数字:
- Item 1
- Item 2
- Item 3
还可以在li中使用罗马数字:
<ol type="I">
<li>网站建设之罗马数字 I</li>
<li>网站建设之罗马数字 II</li>
</ol>
好了,这就是li列表标签,下面我们来学习><body>标签属性。
发表评论评论列表(有 条评论)