网页设计 第4章_第1页
网页设计 第4章_第2页
网页设计 第4章_第3页
网页设计 第4章_第4页
网页设计 第4章_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

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

文档简介

第4章列表 主要内容 无序列表有序列表嵌套列表定义列表其它列表列表是以结构化 易读性的方式提供信息的方法 不但使用户可以方便地查找到重要的信息 而且使文档结构更加清晰明确 4 1列表简介 列表就是在网页中将相关资料以条目的形式有序或无序排列而形成的表 列表的存在形式主要分为 有序列表 无序列表以及嵌套列表等 定义HTML列表标签 ul无序列表 dir目录列表 ol有序列表 menu菜单列表 dl定义列表 4 2无序列表 所谓无序列表就是列表中列表项的前导符号没有一定的次序 而是用黑点 圆圈 方框等一些特殊符号标识 无序列表并不是使列表项杂乱无章 而是使列表项的结构更清晰 更合理 创建无序列表 当创建一个无序列表时 主要使用用HTML的标签和标签来标记 其中标签标识一个无序列表的开始 标签标识一个无序列表项 基本语法结构为 项目名称项目名称项目名称项目名称 标签的type属性用来定义一个无序列表的前导字符 如果省略了type属性 浏览器会默认显示为 disc 前导字符 type取值可以为disc 实心圆 circle 空心圆 square 方框 无序列表混合排列 当在无序列表中着重强调某一列表项时 可以通过属性值的混合使用来实现 例如 食品类饮品类日用类生鲜类药品类 4 3有序列表 有序列表与前面介绍的无序列表正好相反 所谓有序列表就是列表项的前导符号是有序的符号标识的列表 有序的符号标识包括 阿拉伯数字 小写英文字母 大写英文字母 小写罗马数字 大写罗马数字 创建有序列表 当创建一个有序列表时 主要用到HTML的标签和标签来标记 其中标签标识一个有序列表的开始 标签标识一个有序列表项 基本语法结构为 项目名称项目名称项目名称 标签的type属性用来定义一个有序列表的前导字符 如果省略了type属性 浏览器会默认显示为 1 前导字符 type取值为1 阿拉伯数字 a 小写英文字母 A 大写英文字母 i 小写罗马数字 I 大写罗马数字 列表项前导编号 可以通过start属性和value属性来改变有序列表项前导编号 start属性用来设定有序列表起始列表项前导编号 value属性用来设定有序列表中某一项的前导编号 即在指定的有序列表项上设置新的前导标号 4 4嵌套列表 所谓嵌套列表就是无序列表与有序列表嵌套混合使用 嵌套方式可分为 无序列表中嵌套无序列表 有序列表中嵌套有序列表 无序列表中嵌套无序列表 在有序列表中嵌套有序列表等方式 读者需要灵活掌握 例如 饮品类碳酸饮料果汁饮料生鲜类 4 6定义列表 定义列表又称为释义列表或字典列表 定义列表不是带有前导字符的列项目 而是一列实物以及与其相关的解释 当创建一个定义列表时 主要用到三个HTML的标签 标签 和标签来标记 基本语法结构为 第一个标题项 对第一个标题像的解释性的文字 第二个标题项 对第二个标题像的解释性的文字 4 7目录列表与菜单列表 除前面介绍的三种典型的列表 无序列表 有序列表 定义列表 外 还有两
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

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

最新文档

评论

0/150

提交评论