<li>...这个符号什么意思，放在中间有什么作用？

2018-12-16

匿名 |分类：电脑常识2008-03-06

...这个符号什么意思，放在中间有什么作用？

还有

• ...

满意答案

热心问友 2008-03-06

复制了一段这个你自己看看吧，简单的说就是建立一个列表的

第五章 建立列表

在html页面中，合理的使用列表标签可以起到提纲和格式排序文件的作用。

列表分为两类，一是无序列表，一是有序列表，无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去。

列表的主要标签

标 签 描 述

• 无序列表

1. 有序列表

/

定义列表的标记 列表项目的标记

5-1 无序列表

无序列表使用的一对标签是

。的属性type有三个选项,这三个选项都必须小写:

disc实心园

circle空心园

square小方块

• 如果不使用其项目
• 的属性值,即默认情况下的
  • 会加"实心园"。

  格式1:

  • 第一项
  • 第二项
  • 第三项

  格式2

  • 第一项
  • 第二项
  • 第三项

  示例 5-1.html

  无序列表

  • 默认的无序列表加"实心园"
  • 默认的无序列表"实心园"
  • 默认的无序列表"实心园"
  • 无序列表square加方块
  • 无序列表square加方块
  • 无序列表square加方块
  • 无序列表circle加空心园
  • 无序列表circle加空心园
  • 无序列表circle加空心园

  5-2 有序列表

有序列表和无序列表的使用格式基本相同，它使用标签

，每一个列表项前使用。

1. 列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项，编号会自动调整。

顺序编号的设置是由

1. 的两个属性type和start来完成的。start=编号开始的数字，如start=2则编号从2开始，如果从1开始可以省略，或是在
2. 标签中设定value＝"n"改变列表行项目的特定编号，例如
3. 。type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。为了使用这些属性，把它们放在
   1. 或
   2. 的的初始标签中。

      有序列表type的属性

      type 类 型 描 述

      type=1 表示列表项目用数字标号(1,2,3...)

      type=A 表示列表项目用大写字母标号(A,B,C...)

      type=a 表示列表项目用小写字母标号(a,b,c...)

      type=I 表示列表项目用大写罗马数字标号(Ⅰ,Ⅱ,Ⅲ...)

      type=i 表示列表项目用小写罗马数字标号(i,ii,iii...)

      格式1

      1. 第1项
      2. 第2项
      3. 第3项

      格式2

      1. 第1项
      2. 第2项
      3. 第3项

      实例：5-2.html

      有序列表

      1. 默认的有序列表
      2. 默认的有序列表
      3. 默认的有序列表
      1. 第1项
      2. 第2项
      3. 第3项
      4. 第4项
      1. 第1项
      2. 第2项
      3. 第3项

      5-3 嵌套列表

      将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。无论是有序列表和无序列表的嵌套，浏览器都可以自动地分成排列。

   3. 标签的几个问题
      • 1
      • 2
      • 3

      上面的代码输出来就是打竖下来的1,2,3

      如果我想让他显示是横的,应该怎样写CSS吖??

      满意答案

      

      热心问友 2009-04-14

      • 1
      • 2
      • 3

      li{

      clear:none; width:50px;float:left;

      }

      不知道你的具体应用,只能这样回复了.你可以把它做的更漂亮的.

      我给你的这段代码完全可以实现你的要求了.

      你要试验的话可以新建一个扩展名为html的文件,把上面的代码放里面就可以看出来了.如果要加背景/分隔线/边框等修饰的话,要另外增加代码了.

      例如可以变为以下这样:

      • 1
      • 2
      • 3

      li{

      clear:none; width:50px;float:left;

      border:1px solid #995601;

      }

      这段代码在任何浏览器上都是可以的.

      免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。

      http://www.pinlue.com/style/images/nopic.gif