网站制作的建立列表_第1页
网站制作的建立列表_第2页
网站制作的建立列表_第3页
网站制作的建立列表_第4页
网站制作的建立列表_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、在html页面中,合理的使用列表标签能够起到提纲和格式排序文件的作用。列表分为两类,一是无序列表,一是有序列表,无序列表确实是项目各条列间并无顺序关系,纯粹只是利用条列来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。而有序条列确实是指各条列之间是有顺序的,比如从1、2、3一直延伸下去。列表的要紧标签标 签描 述无序列表有序列表目录列表定义列表菜单列表/定义列表的标记列表项目的标记5-1 无序列表无序列表使用的一对标签是,无序列表指没有进行编号的列表, 每一个列表项前使用。的属性type有三个选项,这三个选项都必须小写:disc实心园circle空心园square小方块假如不使用其

2、项目的属性值,即默认情况下的会加实心园。格式1: 第一项第二项第三项格式2 第一项 第二项 第三项示例 5-1.html无序列表默认的无序列表加实心园默认的无序列表实心园默认的无序列表实心园无序列表square加方块无序列表square加方块无序列表square加方块无序列表circle加空心园无序列表circle加空心园无序列表circle加空心园5-2 有序列表有序列表和无序列表的使用格式差不多相同,它使用标签,每一个列表项前使用。列表的结果是带有前后顺序之分的编号。假如插入和删除一个列表项,编号会自动调整。顺序编号的设置是由的两个属性type和start来完成的。start=编号开始的数

3、字,如start=2则编号从2开始,假如从1开始能够省略,或是在标签中设定valuen改变列表行项目的特定编号,例如。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项

4、 第2项 第3项 实例:5-2.html有序列表默认的有序列表默认的有序列表默认的有序列表第1项第2项第3项第4项第1项第2项第3项5-3 嵌套列表将一个列表嵌入到另一个列表中,作为另一个列表的一部分,叫嵌套列表。不管是有序列表和无序列表的嵌套,扫瞄器都能够自动地分成排列。实列:5-3.html嵌套列表目录这是以序号类型a开头第一行内容这是以序号类型a开头第二行内容这是以序号A类型C开头第一行内容这是以序号A类型C开头第二行内容这是以序号数字51开头第一行内容这是以序号数字51开头第二行内容这是以序号数字51开头第三行内容这是以序号A类型C开头第三行内容这是以序号类型a开头第三行内容5-4 定

5、义列表的标记/定义列表的标记也叫描述性列表,定义列表默认为两个层次,第一层为列表项标签,第二层为注释项标签。和标签通常是成对使用的。也能够一个列表项对应于几个解释项,这种方式专门少用。默认的注释是显示在另一行中,当使用后,注释项和列表项将显示在同一行。其格式为: 第1项 注释1 第2项 注释2 第3项 注释3 实例:5-4.html定义性列表定义性列表 WWW: WWW是(World wide web)的缩写,也可简写web; WWW: WWW又叫万维网; WWW: internet提供的最常用的服务是WWW;5-5 目录列表和菜单列表为目录列表标签,为菜单列表标签,它们的格式和无序列表是一样的,例如:格式1: 第一项 第二项 第三项 格式2 第一项 第二项 第三项 实例:5-5.HTML无序列表默认的无序列表加实心园默认的无序列表实心园默认的无序列表实心园默认的目录列表加实心园默认的目录列表实心园默认的目录列表实心园默认的菜单列表加实心园默认的菜单列表实心园默认的菜单

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论