《网页设计与制作教学课件》3b列表和滚动字幕.pptVIP

本节学习要点： * 列表 滚动字幕 设计网页元素 重点： * 列表的种类及格式 滚动字幕的属性设置 设计网页元素 难点： 无序列表和有序列表的嵌套 列表和滚动字幕在实际设计中的使用 1.列表 在我们日常生活中随时都可以看到以列表展示的信息。在主页中使用列表可以给浏览者提供一个清晰的阅览大纲。 有序列表：一种在各项内容前显示有数字或字母 的缩排列表。 无序列表：也称强调式列表，它是一种在各项内容 前显示有特殊项目符号的缩排列表 定义列表（目录列表）：各项并列而不加任何符 号的列表，它也属于无序列表。 1.1无序列表 无序列表使用起始标记ul和结束标记/ul，其中的无序项目使用标记li， 具体格式为： ul li项目1/li li项目2/li … /ul 举例 无序列表具有以下特征： 项目部分和上下段文本之间各有一行空白。 项目自动向右缩进而且是左对齐。 各项前面带加重记号。 格式如下： ul type=“value” li 项目1/li li 项目2/li … /ul ul li type=“value”项目1/li li type=“value”项目2/li … /ul 在无序列表中，使用type属性可以改变表项前面的加重符号。格式为： ul type=“value” 定义所有表项的符号 li type=“value” 定义一项的符号 属性值有三种：disc ----实心圆点 circle----空心圆点 square----实心小矩形 注：type的属性值所对应的这些加重记号有时会因电脑和浏览器的不同而不同。 举例 1.2有序列表 有序列表标记ol 基本语法： ol li项目一/li li项目二/li …… /ol 举例 有序列表的特征： 列表项部分和上下段文本之间各有一行空白。 列表项目向右缩进并左对齐。 各项前面带有序号。 序号的种类： 在OL或者LI标记内使用type属性可以设定5种序号。它的取值和意思对应如下表，默认时是以阿拉伯数字显示： type取值 意义 1 阿拉伯数字 a 小写字母 A 大写字母 i 小写罗马数字 I 大写罗马数字 注意： type属性默认时自动设定为阿拉伯数字。 ol type=“ ”的作用域为整个标记范围。 li type=“ ”的作用域为当前项。 在实际应用中多使用在ol标记内设定的方法。 例子 设定起始序号： 默认情况有序列表是从1开始计数，我们可以用start属性设定列表从任意一个数字开始。 基本语法： ol start=“x” li value=“x”……/li li value=“x”……/li …… /ol 例子 1.3定义列表 此标记定义了两个层次的列表，第二层次的内容为第一层次的解释。 基本语法： dl dt 定义名词 1 dd名词1的说明/dd /dt dt 定义名词 2 dd名词2的说明/dd /dt dt 定义名词 3 dd名词3 的说明/dd /dt … /dl 例子 定义列表的嵌套 基本语法： dl dt名词1 dd解释1/dd dd解释2/dd /dt dt名词2 dd解释1/dd dd解释2/dd /dt …… /dl 举例 1.4列表的嵌套 无序列表和有序列表的嵌套 举例 2.滚动字幕 marquee/marquee? align: 对齐方式 left，center，right，top，bottom behavior: 用于设定滚动的方式，主要由三种方式： behavior=scroll:表示由一端滚动到另一端； behavior=slide:表示由一端快速滑动到另一端，且不再重复； behavior=“alternate” :默认值，表示在两端之间来回滚动。direction:表示滚动的方向，left(默认值) 向左滚动; right 向右滚动;up向上滚动;down 向下滚动; bgcolor: 背景颜色 滚动字幕的