文本与超链接——网页设计第二讲范例.ppt

Web编程基础 ——文本与超链接 学习目标 掌握FONT标记符的用法，理解物理字符样式和逻辑字符样式。 掌握P、BR、Hn、HR标记符的用法，掌握设置段落对齐的方法。 掌握有序列表、无序列表和嵌套列表的构造方法。 理解超链接的基本概念，掌握A标记符的用法。 掌握使用Dreamweaver开发网站的基本过程。 Part 1 设置字符格式 字符格式 所谓字符格式是指针对段落中的部分文字（一个或一组文字，也可以是整个段落的文字）所设置的格式，通常包括字体、字号、文字颜色等。 FONT标记符 FONT标记符具有3个常用的属性： SIZE 设置字体大小 COLOR 设置字体颜色 FACE 设置字体样式 FONT标记符 字号属性 size 的值可以从1到7，3是默认值。该属性值也可以用 + 号或 - 号来作为相对值指定。 FONT size=+1S/FONTHOPPING FONT size=+1B/FONTASKET 演示——FONT size=“” FONT标记符 字体标记符的 color 属性可用来控制文字的颜色，它的使用方法与正文标记符BODY中使用的 bgcolor 属性相同。 演示——FONT color=“” FONT标记符 Face 属性用来指定字体样式。在编制网页时，通过在FONT标记符中指定 face 属性，用户可以指定一个或几个字体名称（用逗号隔开）。 演示——FONT face=“” 常用物理字符样式 物理字符样式是指标记符本身说明了所修饰的效果。 常用物理字符样式标记符有： 黑体标记B/B 斜体标记I/I 下划线标记U/U等。 演示——物理字符样式效果 常用逻辑字符样式 逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义。例如，ADDRESS标记符说明了“地址”这个含义，但并没有说明具体的效果。 演示——逻辑字符样式效果 Part 2 设置段落格式 段落格式 所谓段落格式是指针对 HTML 文档中的段落所设置的格式，例如，段落的对齐方式。 分段标记符 分段标记符用于将文档划分为段落，标记为P/P，其中结束标记符通常可省略。 换行标记符用于在文档中强制断行，标记为一个单独的BR。该标记符与分段标记符P是有区别的。 演示——P与BR 标题样式 在 HTML 中，用户可以通过 Hn 标记符来标识文档中的标题和副标题，其中 n 是1至6的数字；H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 演示——标题效果 添加水平线 添加水平线的标记符为HR，它包括以下属性： SIZE 属性用来改变水平线的粗细。 WIDTH 属性用来更改水平线的长度。 NOSHADE 属性使水平线以实线显示。 COLOR属性可以控制水平线的颜色。 演示——水平线效果 ALIGN 属性 ALIGN 属性用于设置段落的对齐格式，其值包括：RIGHT（右对齐）、LEFT（左对齐）、CENTER（居中对齐）和 JUSTIFY（两端对齐）。 ALIGN 属性可应用于多种标记符，最典型的是应用于 P、Hn（标题标记符）、HR 等。 演示——段落对齐 DIV 标记符 DIV 标记符用于为文档分节，以便为文档的不同部分应用不同的段落格式，其标记为DIV/DIV。位于 DIV 标记符中的多段文本将被认为是一个节，可为它们设置一致的对齐格式。 CENTER 标记符 如果用户要将文档内容居中，还可使用 CENTER 标记符，方法为：将需居中的内容置于CENTER和/CENTER之间。 演示——DIV与CENTER 格式嵌套 （1）如果所设置的格式是相容的，则取格式叠加的效果。 （2）如果所设置的格式是冲突的，则取最近样式符的修饰效果。 演示——格式嵌套 Part 3 设置列表格式 有序列表 有序列表（Ordered list）也称数字式列表，它是一种在表的各项前显示有数字或字母的缩排列表。 有序列表 定义有序列表需要使用有序列表标记符OL/OL和列表项（List item）标记符LI/LI（结束标记符可省略），语法如下： OL LIList item 1 LIList item 2 /OL 有序列表 OL 标记符最常用的属性type，用来设置数字序列样式。取值为：1、A、a、I、i。 演示——有序列表 page32 演示——有序列表的嵌套 无序列表 无序列表（Unordered list）也称强调式列表，它是一种在表的各项前显示有特殊项目符号的缩排列表。 无序列表 定义无序列表需要使用无序列表标记符UL/UL和列表项（List item）标记符LI/LI（结束标记符可省略），语法如下： UL LIList item 1 LIList item 2 /UL 无序列表 UL 标记符最常用的属