ppt.pptVIP

第2章 列表、图像及超链接 第 * 页 * 2.1 列表 2.2 图像 2.3 超链接 2.4 用Dreamweaver MX制作网页 2.1 列表 列表是常用的信息表达形式，列表使得文字内容显得清晰、有条理。 HTML中有三种列表，它们可以有机地组合(包括嵌套)，构成多种格式效果。 2.1.1 有序列表标签ol 在HTML中有三种列表标签： 有序列表——带有序号的列表 无序列表——带加重符的列表 词汇列表——表项前不带任何符号的列表 有序列表ol(双标签)是一种带有序号的列表，序号可以是数字、 英文字母或罗马数字。 有序列表标签格式： ol type=序号类型 lh表头内容 !-- 表头标签 -- li表项1内容 !-- 表项标签 -- … li表项n内容 /ol 其中： type 属性定义列表的序号类型，有5个值： 1 —— 默认值，表示用数字表示序号 a —— 表示用小写英文字母表示序号 A —— 表示用大写英文字母表示序号 i —— 表示用小写罗马数字表示序号 I —— 表示用大写罗马数字来表示序号 lh是表头标签，该项没有序号； li是表项标签，将按照自然顺序依次被加上序号 2.1.1 有序列表标签ol 【例2-1】有序列表标签示例。 body ol !-- 编号用数字 -- lh 网页设计小组成员 li 王一，计算机09-1班 li 赵二，网络09-1班 li 张三，计算机09-2班 /ol ol type=A !-- 编号用大写字母 -- 机器人设计小组成员 li 宋晓，网络09-1班 li 吴平，网络09-2班 li 李三，计算机09-2班 /ol /body ol标签的start属性 —— 定义列表序号的开始值 例. ol type=1 start=0 将使列表的序号从0开始 2.1.2 无序列表标签ul 无序列表是带加重符的列表。格式如下： ul type=加重符类型 lh表头内容 !-- 表头标签 -- li表项1内容 !-- 表项标签 -- … li表项n内容 /ul 【例2-2】无序列表标签示例。 type 属性定义列表的加重符，取值如下： disc—— 加重符为实心圆点“●”(默认值 ) circle——加重符为空心圆点“○” square —— 加重符为实心小方块“■” lh是表头标签，该项没有加重符 li 是表项标签 body ul !--加重符用默认值：实心圆点-- lh 网页设计小组成员 li 王一，计算机09-1班 li 赵二，网络09-1班 li 张三，计算机09-2班 /ul ul type=square !--加重符用实心小方块-- 机器人设计小组成员 li 宋晓，网络09-1班 li 吴平，网络09-2班 li 李三，计算机09-2班 /ul /body 2.1.3 词汇列表标签dl 词汇列表也叫定义列表，功能是以列表形式表示被定义的单词或语句，具有行