<li>...这个符号什么意思,放在中间有什么作用?
2018-12-16
匿名 |分类:电脑常识2008-03-06
...这个符号什么意思,放在中间有什么作用?还有
- ...
满意答案
热心问友 2008-03-06
复制了一段这个你自己看看吧,简单的说就是建立一个列表的
第五章 建立列表
在html页面中,合理的使用列表标签可以起到提纲和格式排序文件的作用。
列表分为两类,一是无序列表,一是有序列表,无序列表就是项目各条列间并无顺序关系,纯粹只是利用条列来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的,比如从1、2、3…一直延伸下去。
列表的主要标签
标 签 描 述
- 无序列表
- 有序列表
-
/
-
定义列表的标记 列表项目的标记
5-1 无序列表
无序列表使用的一对标签是
。的属性type有三个选项,这三个选项都必须小写:disc实心园
circle空心园
square小方块
- 如果不使用其项目
- 的属性值,即默认情况下的
- 会加"实心园"。
格式1:
- 第一项
- 第二项
- 第三项
格式2
- 第一项
- 第二项
- 第三项
示例 5-1.html
无序列表- 默认的无序列表加"实心园"
- 默认的无序列表"实心园"
- 默认的无序列表"实心园"
- 无序列表square加方块
- 无序列表square加方块
- 无序列表square加方块
- 无序列表circle加空心园
- 无序列表circle加空心园
- 无序列表circle加空心园
5-2 有序列表
有序列表和无序列表的使用格式基本相同,它使用标签
,每一个列表项前使用。- 列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项,编号会自动调整。
顺序编号的设置是由
- 的两个属性type和start来完成的。start=编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在
- 标签中设定value="n"改变列表行项目的特定编号,例如
- 。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。为了使用这些属性,把它们放在
- 或
- 的的初始标签中。
有序列表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项
- 第2项
- 第3项
格式2
- 第1项
- 第2项
- 第3项
实例:5-2.html
有序列表- 默认的有序列表
- 默认的有序列表
- 默认的有序列表
- 第1项
- 第2项
- 第3项
- 第4项
- 第1项
- 第2项
- 第3项
5-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