文本格式网页制作课件.ppt

项目2 文本格式网页制作 ——文本与超链接 学习目标 掌握文本分段标记符的使用；(重点) P、BR、Hn、HR标记符的用法，设置段落对齐的方法。 掌握文本显示标记符的使用； (重点) FONT标记符的用法，物理字符样式的设置方法。 掌握滚动字幕效果的使用方法； 掌握有序列表、无序列表和嵌套列表的构造方法； 掌握超链接的概念及超链接标记符的用法； (重难点) 熟悉开发网站的基本过程。 本章目录 2.1 分本分段 2.2 控制文本的显示效果 2.3 列表格式 2.4 创建超级链接 2.5 网站实例 2.1 文本分段 --设置段落格式 2.1 文本分段 所谓段落格式是指对HTML文档中的段落所设置的格式，也即如何对段落进行控制。例如：段落分段、段落对齐方式。 2.1 文本分段 一、段落标记符P和换行标记符BR 段落与行的关系：一个段落可以由若干行组成。一个段落中的若干行可以自动分行，也可强制分行。 一个段落设置的各种格式(如对齐方式)，对段落中的各个行均有效。 2.1 文本分段 1、换行标记符BR(手动换行符) 也称强制换行符。用于将文档中的某个段落强制分为若干行。 BR放在一行的结尾，可以使后面的文字、图像、表格等显示于下一行，而又不产生空白行。 BR单独使用，无结束标记。 一般格式为： 文字BR 2.1 文本分段 2、段落标记符P(段落标记) 也称强制换段符。用于强制将文档划分为若干个段落。 P放在一行的结尾，就定义了一个新的段落的开始。它不但可以使后面的文字显示于下一行，还可以使两段之间多一空白行。 标记为P/P，其中结束标记符通常可省略。 2.1 文本分段 设置段落标记符的格式为： 格式1：仅仅用于分段 文字P 格式2：对段落进行格式设置(P22 段落对齐) P align=对齐方式文字/P 例：2-1 !—例2-1-- HTML HEAD TITLElt;Pgt;与lt;BRgt;的用法/TITLE /HEAD BODY P第一段 P第二段，用lt;BRgt;标记符控制断行BR 仍然为第二段，但此行已经断开 P第三段 P第四段，多个lt;Pgt; 标记符并没有起到产生多个空行的效果PPPP 但多个lt;BRgt;标记符可以产生多个空行效果BRBR P此为最后一段 /BODY /HTML 2.1 文本分段 3、显示预排格式标记符PRE 当用其它编辑工具编排好了一段文字后，其中的很多控制符HTML并不支持，如回车、多个空格(仅留一个)、Tab键等。如果希望能够按编辑好的格式显示，可以使用PRE将预先排好的格式保留下来。 使用格式： PRE预先排好格式的文本/PRE 2.1 文本分段 二、水平线标记符HR 用于在页面中插入一条水平线，使不同内容的文字分隔开，达到整齐、明了的目的。 HR可以起到分段的作用。 在HR标记符中可以设置以下属性：size、width、noshade、color、align。 2.1 文本分段 属性 取值及含义 size 水平线粗细。以像素为单位，默认为2 width 水平线的长度。 可以是绝对值(像素)或相对值(百分比) noshade 以平面实线显示，缺省为阴影立体显示。 noshade属性可直接用，不需指定值。 color 水平线的颜色。 align 水平线对齐方式，取值可以是right、left、 center，默认为center 。 例2-2 HTML HEADTITLE水平线效果/TITLE/HEAD BODY 以下是默认水平线：HR 以下是粗为 5 像素的水平线：HR size=5 align=left 以下是长度为100像素的水平线：HR width=100 以下是长度为屏幕宽度 50% 的水平线：HR width=50% 以下是粗为 5 像素的实心水平线：HR size=5 noshade 以下是红色的水平线：HR color=red /BODY /HTML 例2-2 运行效果 2.1 文本分段 三、标题标记符Hn 在页面中，可以通过不同格式的标题，显示内容的主要点、次要点，增强文章的条理性。 此时，用户可以通过Hn标