素材源码参赛作品list

上传人：汤*** IP属地：北京上传时间：2023-06-27 格式：PPTX 页数：28 大小：680.10KB 积分：15 举报 版权申诉

已阅读5页，还剩23页未读，继续免费阅读

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

第5章建立和使用列表列表类型嵌套列表小实例——列表在网页中的使用习题HTML/CSS/JavaScript

标准教程实例版（第4版）5.1

列表类型表5-1

列表类型与标记符号5.1.1

插入定义列表<dl>基本语法：<dl><dt>名称<dd>说明<dt>名称<dd>说明<dt>名称<dd>说明…<dl>5.1.1

插入定义列表<dl>语法说明：<dt>标记定义了组成列表项名称部分，同时此标记只在<dl>标记中使用；<dd>用于解释说明<dt>标记定义的项目名称，此标记也只能在<dl>标记中使用。5.1.1

插入定义列表<dl>实例代码5.1.1

插入定义列表<dl>网页效果5.1.2

插入无序列表<ul>基本语法：<ul><li>项目名称</li>…<li>项目名称</li>…<li>项目名称</li>……<ul>5.1.2

插入无序列表<ul>语法说明：在HTML文件中，利用成对<ul></ul>标记可以插入无序列表，但<ul>标记之间必须使用成对<li></li>标记添加列表项值。5.1.2

插入无序列表<ul>实例代码5.1.2

插入无序列表<ul>网页效果5.1.3

插入有序列表<ol>基本语法<ol><li>项目名称</li>…<li>项目名称</li>…<li>项目名称</li>……</ol>5.1.3

插入有序列表<ol>语法说明在HTML文件中，利用成对<ol></ol>标记可以插入有序列表，但<ol>标记之间必须使用成对<li></li>标记添加列表项值。5.1.3

插入有序列表<ol>实例代码5.1.3

插入有序列表<ol>网页效果5.2

嵌套列表嵌套定义列表嵌套有序与无序列表5.2.1

嵌套定义列表基本语法：<dl><dt>名称<dd>说明<dd>说明<dd>说明<dt>名称<dd>说明<dd>说明<dd>说明…</dl>5.2.1

嵌套定义列表语法说明<dl>标记表示插入定义列表；<dt>标记表示插入项目名称；<dd>标记表示多项目名称的说明；

多个<dt>与<dd>的交替使用，构成了定义列表的嵌套。5.2.1

嵌套定义列表实例代码5.2.1

嵌套定义列表网页效果5.2.2

嵌套有序与无序列表基本语法<ul><li>项目名称</li><ol><li>项目名称</li><li>项目名称</li><li>项目名称</li></ol><li>项目名称</li><ol><li>项目名称</li><li>项目名称</li><li>项目名称</li></ol></ul>5.2.2

嵌套有序与无序列表语法说明将<ol>标记用在<ul></ul>标记之间，实现列表的嵌套。5.2.2

嵌套有序与无序列表实例代码5.2.2

嵌套有序与无序列表接上页5.2.2

嵌套有序与无序列表网页效果5.3

小实例

人人文库> 全部分类> 教育资料 > 课件下载

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