- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
建立列表
在html页面中,合理的使用列表标签可以起到提纲和格式排序文件的作用。
列表分为两类,一是无序列表,一是有序列表,无序列表就是项目各条列间并无顺序关系,纯粹只是利用条列来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的,比如从1、2、3…一直延伸下去。
列表的主要标签
标 签 描 述 UL 无序列表 OL 有序列表 DIR 目录列表 DL 定义列表 MENU 菜单列表 DL/DT/DD 定义列表的标记 LI 列表项目的标记 ?5-1 无序列表UL
无序列表使用的一对标签是ul/ul,无序列表指没有进行编号的列表,? 每一个列表项前使用LI。LI的属性type有三个选项,这三个选项都必须小写:
disc实心园circle空心园square小方块 ul如果不使用其项目li的属性值,即默认情况下的ul会加实心园。
格式1:
UL LI第一项 LI第二项 LI第三项/UL 格式2
ul ??????? li type=disc第一项 ??????? li type=circle第二项 ??????? li type=square第三项/ul 示例 5-1.html
?html
head
/head
body
ul
li默认的无序列表加实心园
li默认的无序列表实心园
li默认的无序列表实心园
/ul
ul
li type=square无序列表square加方块
li type=square无序列表square加方块
li type=square无序列表square加方块
/ul
ul
li type=circle无序列表circle加空心园
li type=circle无序列表circle加空心园
li type=circle无序列表circle加空心园
/ul
/body
/html
5-2 有序列表OL
有序列表和无序列表的使用格式基本相同,它使用标签ol/ol,每一个列表项前使用li。ol列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项,编号会自动调整。
顺序编号的设置是由ol的两个属性type和start来完成的。start=编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在li标签中设定value=n改变列表行项目的特定编号,例如li value=7。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。为了使用这些属性,把它们放在ol或li的的初始标签中。
?有序列表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 ol type=编号类型 start=value li第1项 li第2项 li第3项 /ol
格式2 ol li第1项 li第2项 li第3项 /ol 实例:5-2.html
html
head
/head
body
ol
li默认的有序列表
li默认的有序列表
li默认的有序列表
/ol
ol type=a start=5
li第1项
li第2项
li第3项
li value= 20第4项
/ol
ol type= I start=2
li第1项
li第2项
li第3项
/ol
/body
/html
5-3 嵌套列表
将一个列表嵌入到另一个列表中,作为另一个列表的一部分,叫嵌套列表。无论是有序列表和无序列表的嵌套,浏览器都可以自动地分成排列。
实列:5-3.html
HTML
HEAD
/HEAD
BODY
h3目录/h3
ol type=a
li这是以序号类型a开头第一行内容/li
li这是以序号类型a开头第二行内容/li
ol type=A start=3
li这是以序号A类型C开头第一行内容/li
li这是以序号A类型C开头第二行内容/li
ol type=1 start=51
li这是以序号数字51开头第一行内容/li
li这是以序号数字51开头第二行内容/li
li这是以序号数字51开头第三行内容/li
/ol
li这是以序号A类型C开头第三行内容/li
/ol
li这是以序号类型a开头第三行内容/li
/ol
HR
/BODY
/HTML
5-4 定义列表的标记DL/DT/DD
定义列表的标记也叫描述性列表,定义列表默认
原创力文档


文档评论(0)