lt li gt html,<li>...这个符号什么意思,放在中间有什么作用?

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

2018-12-16

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

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

还有

  • ...

满意答案

64004205_1.jpg

热心问友 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. 的的初始标签中。

      有序列表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 嵌套列表

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

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

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

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

      满意答案

      64004205_1.jpg

      热心问友 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值