太阳城网址(中国)百度百科

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

在线qq:540105663

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

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

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

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

首先,我们需要有一个开始的标记和结束的标签组成整个列表。对于初学者来说,一开始最好使用一个无序列表,创建一个具有一些符号开头的列表项目,整个列表的开始标记是

    ,那么结束标记是什么呢?...没错,你猜对了...

    现在,来展示列表的每个项目,可以使用

  • 标签,后面是需要呈现的列表内容
  • ,这样可以做制作标签每个列表项。这里是一个有两个列表项的示例列表:

    这个时候会显示

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

    同时列表

  • 之前的圆点是可以自由定义的,下面列出了几种类型。

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

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

    • Square 1
    • Square 2

    他们效果会是这样: 

    • Square 1
    • Square 2

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

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

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

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

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

    好了,这就是li列表标签,下面我们来学习>

    太阳城网址(中国)百度百科

    标签属性。

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

XML 地图