课程2015-10161第8章列表_第1页
课程2015-10161第8章列表_第2页
课程2015-10161第8章列表_第3页
课程2015-10161第8章列表_第4页
课程2015-10161第8章列表_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

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

文档简介

第8章 列表主讲:占东明本章要点:列表类型嵌套列表8.1 列表类列表类型标记符号定义列表dl无序列表ul有序列表ol菜单列表menu目录列表dir8.1.1 无序列表<ul>基本语法<ul><li>项目名称</li><li>项目名称</li>…</ul>语法说明在HTML文件中,利用成对<ul></ul>标记可以插入无序列表,但<ul>标记之间必须使用成对的<li></li>标记添加列表项值。实例代码:8-1-1.html8.1.2 有序列表<ol>基本语法<ol><li>项目名称</li><li>项目名称</li>…</ol>语法说明在HTML文件中,利用成对的<ol></ol>标记可以插入有序列表,但<ol>标记之间必须使用成对的<li></li>标记添加列表项值。实例代码:8-1-2.html8.1.3 定义列表<dl>基本语法<dl><dt>名称<dd>说明<dt>名称<dd>说明…<dl>语法说明1)<dt>标记定义了组成列表项名称部分2)<dd>用于解释说明<dt>标记定义的项目名称实例代码:8-1-3.html8.2 列表嵌套在网页文件中,列表的使用也很频繁,列表嵌套的使用不仅使网页的内容布局更加美观,而且使显示的内容更加清晰明白,下面将简单介绍几种列表的嵌套使用。8.2.1 无序与有序嵌套列表基本语法<ul><li>项目名称</li><ol><li>项目名称</li><li>项目名称</li></ol></ul>8.2.1 无序与有序嵌套列表语法说明将<ol>标记用在<ul></ul>标记之间,实现列表的嵌套。实例代码:8-2-1.html8.2.2 定义列表嵌套基本语法<dl><dt>名称<dd>说明<dd>说明<dt>名称

<dd>说明<dd>说明

…</dl>8.2.2 定义列表嵌套语法说明<dl>标记表示插入定义列表;<dt>标记表示插入项目名称;<dd>标记表示多项目名称的说明;多个<dt>与<dd>的交替使用,构成了定义列表的嵌套。实例代码:8-2-2.html8.3 小实例——列表在网页中的应用<ultype=“circle”>type可取值:disc/square/Circle<li>行政部门</li><oltype="A"><li>范冰冰</li><li>杨思维</li></ol><li>策划部门</li><oltype="a"><li>王学圻</li><li>穆晓光</li></ol></ul>8.4 小结

温馨提示

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

评论

0/150

提交评论