《网页设计列表项目》PPT课件_第1页
《网页设计列表项目》PPT课件_第2页
《网页设计列表项目》PPT课件_第3页
《网页设计列表项目》PPT课件_第4页
《网页设计列表项目》PPT课件_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

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

文档简介

第5章列表项目,第5章列表项目,5.1无序列表ul5.2有序列表ol5.3嵌套列表5.4定义列表dl/dt/dd,无序列表样本,无序列表（Unorderedlist）也称强调式列表，它是一种在表的各项前显示有特殊项目符号的列表。定义无序列表需要使用无序列表标记符和列表项（Listitem）标记符（结束标记符可省略）,5.1无序列表ul,1格式：项目符号项目符号2说明：使用type属性来控制标号的类型，见表5.1在同一个无序列表中，下一个的出现，就表明上一个列表项的结束。,无序列表ul,无序列表的type属性表,无序列表示例,奥运加油中国加油奥运加油中国加油,有序列表（Orderedlist）：也称数字式列表，它是一种在表的各项前显示有数字或字母的缩排列表。,5.2有序列表ol,定义有序列表需要使用有序列表标记符和列表项（Listitem）标记符（结束标记符可省略），语法如下：项目符号项目符号,有序列表的定义,在同一个有序列表中，下一个的出现，就表明上一个列表项的结束。顺序编号是由属性type和start来设置的。type表示标号的类型，比如数字、字母以及罗马字母；start属性表示列表清单的标号从第几项开始表5.2列出了type属性的取值及含义。,说明：,有序列表的TYPE属性表,有序列表示例,湖南长沙理工大学湖南长沙理工大学湖南长沙理工大学,定制列表元素,定制表中的标记#=disk,circle,square示例：ONETWOTHREE,定制列表元素,定制有序列表表中的序号#=A,a,I,i,1示例：ONE-ONEONE-TWOONE-ONEONE-TWO,定制列表元素,定制有序列表表中的序号的起始值#=number示例：ONE-ONEONE-TWO,将一个列表嵌入另一个列表中，作为另一个列表的一部分，叫做嵌套列表。HTML可以用层层嵌套的方式来实现多层列表。无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列。,5.3嵌套列表,嵌套列表示例,One-OneOne-TwoTwo-OneTwo-TwoThree-OneThree-TwoOne-Three,定义列表(DefinitionList)允许比较复杂的列表说明，不只可以分项说明，还可以针对每一个小项目再加以说明。,1格式：项目1项目1的说明1项目2项目2的说明1,5.4定义列表dl/dt/dd,首标签和尾标签之间的内容就是描述性列表的内容，由一系列用描述项标签或解释项标签标识的列表项组成。和标签都是单独标签，位于列表项的开头，分别表示该项是描述项和解释项。和标签通常是成对出现的，即一个描述项对应于一个解释项。一个描述项也可以对应于几个解释项，但最好不要出现几个描述项对应于同一个解释项的情况。在显示时，解释项的内容会自动缩进一定的距离，使列表的结构更加清晰。,说明：,定义列表示例,定义列表(DefinitionList)：野生动
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论