Chap文本和超链接.ppt

网页设计与网站建设 ——文本与超链接 学习目标 掌握FONT标记符的用法 掌握P、BR、Hn、HR标记符的用法，掌握设置段落对齐的方法。 了解有序列表、无序列表和嵌套列表的构造方法。 掌握使用Dreamweaver开发网站的基本过程。 Part 1 设置字符格式 字符格式 所谓字符格式是指针对文字（一个或一组文字，也可以是整个段落的文字）所设置的格式，通常包括字体、字号、文字颜色等。 我制作的例子 FONT标记符 FONT标记符具有3个常用的属性： SIZE 设置字体大小 COLOR 设置字体颜色 FACE 设置字体样式 FONT标记符 字号属性 size 的值可以从1到7，3是默认值。 FONT size=“7”S/FONTHOPPING FONT size=“1”B/FONTASKET 演示——FONT size=“” FONT标记符 字体标记符的 color 属性可用来控制文字的颜色，它的使用方法与正文标记符BODY中使用的 bgcolor 属性相同。 演示——FONT color=“” FONT标记符 Face 属性用来指定字体样式。在编制网页时，通过在FONT标记符中指定 face 属性，用户可以指定字体名称。 演示——FONT face=“” 常用物理字符样式 物理字符样式是指标记符本身说明了所修饰的效果。 常用物理字符样式标记符有： 粗体标记B/B 斜体标记I/I 下划线标记U/U等。 B-bold I-italic U-underlining 演示——物理字符样式效果 其他物理字符样式 BLINK?/BLINK 闪烁字 SUP 与 /SUP 上标字 SUB 与 /SUB 下标字 BIG /BIG 字体放大 SMALL /SMALL 字体缩小 U /U 是底线 (Underline) 的意思 S /S穿越线 (Strike through) 的意思 标题样式 在 HTML 中，用户可以通过 Hn 标记符来标识文档中的标题和副标题，其中 n 是1至6的数字；H1表示最大的标题，H6表示最小的标题。使用标题标记符时，必须使用结束标记符。 例如： H22号标题/H2 演示——标题效果 小节：文本显示效果的设置 1、font /font标签 font color=“green” size=“6” face=“宋体” 你好/font 2、物理字符样式： b/b i/i u/u 2、Hn表示标题的标签： 效果：自成一行 Part 2 设置段落格式 分段标记、换行标记符 分段标记符p用于将文档划分为段落，标记为P/P，其中结束标记符通常可省略。 出现分段标记时，首先空一行，然后分段标记之后的内容显示在新的一行中。 换行标记符BR用于在文档中强制断行， BR标记后的内容显示在下一个新行中。 演示——P与BR 添加水平线 添加水平线的标记符为HR，它包括以下属性： SIZE 属性用来改变水平线的粗细。 WIDTH 属性用来更改水平线的长度。 NOSHADE 属性使水平线以实线显示。 COLOR属性可以控制水平线的颜色。 演示——水平线效果 文字的显示位置 演示——段落对齐 ALIGN 属性 ALIGN 属性用于设置段落的对齐格式，其值包括： RIGHT（右对齐）、 LEFT（左对齐）、 CENTER（居中对齐） ALIGN 属性可应用于多种标记符，最典型的是应用于 P、Hn（标题标记符）、HR 等。 CENTER 标记符 如果用户要将文档内容居中，还可使用 CENTER 标记符。 方法为：将需居中的内容置于CENTER和/CENTER之间。 演示——DIV与CENTER 小节：文字的显示位置 某写标签具有 align属性：例如p 使用center/center标签。 使用div/div标签，通过指定其属性 align的取值。 演示——格式嵌套 格式嵌套 （1）如果所设置的格式是相容的，则取格式叠加的效果。 （2）如果所设置的格式是冲突的，则取最近样式符的修饰效果。 Part 3-1设置有序列表 有序列表（Ordered list）也称数字式列表，它是一种在各项前显示有数字或字母的缩排列表。 Part 3-1设置无序列表 无序列表（Unordered list）也称强调式列表，它是一种在各项前显示有特殊项目符号的缩排列表。 DW界面认识 DW基本界面熟悉 网站 网页的建立 Let’s Go That’s all for this chapter! * *