第3章 网页文本的处理 通过本章学习,应该掌握以下内容: 1.HTML及其功能 2.利用HTML创建和测试Web页的方法 3.利用HTML设置标题和文字 4.利用HTML设置段落 5.利用HTML进行文本格式的处理 6. 利用FrontPage2002和Dreamweaver MX处理 文本
通过本章学习,应该掌握以下内容: 1. HTML及其功能 2. 利用HTML创建和测试Web页的方法 3. 利用HTML设置标题和文字 4. 利用HTML设置段落 5. 利用HTML进行文本格式的处理 6. 利用FrontPage 2002和Dreamweaver MX处理 文本 第3章 网页文本的处理
3.1利用HTML处理文本 3.1.1HTML基础 1.标记符 标记符又称标签,HTML是影响网页内容显示格式的标记符集 合,浏览器根据标记符决定网页的实际显示效果。 在HTL中,所有的标记符都用尖括号括起来。例如, 表示HTML标记符。绝大多数标记符都是成对出现的, 包括开始标记符和结束标记符。如:.. HTML标记符是不区分大小写的,但通常约定标记符使用大写字母 这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中,所有的属性都 放置在开始标记符的尖括号里,属性与标记符之间用空格分隔, 属性的值放在相应属性之后,用等号分隔,而不同的属性之间用 空格分隔。格式为: 受影响的内容 HTML属性通常也不区分大小写
3.1 利用HTML处理文本 3.1.1 HTML基础 1.标记符 标记符又称标签,HTML是影响网页内容显示格式的标记符集 合,浏览器根据标记符决定网页的实际显示效果。 在HTML中,所有的标记符都用尖括号括起来。例如, 表示HTML标记符。绝大多数标记符都是成对出现的, 包括开始标记符和结束标记符。如:.. HTML标记符是不区分大小写的,但通常约定标记符使用大写字母, 这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中,所有的属性都 放置在开始标记符的尖括号里,属性与标记符之间用空格分隔, 属性的值放在相应属性之后,用等号分隔,而不同的属性之间用 空格分隔。格式为: 受影响的内容 HTML属性通常也不区分大小写
2.HTML文档的基本结构 一个典型的TML文本的基本结构形式如下: 文本标题 文本内容 上述文档用到四种标记符,其意义如下:
2.HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下: 文本标题 文本内容 上述文档用到四种标记符,其意义如下:
(1)HTML标记符 ×/HTML>这两个标记符是HTML文档的标记符。 处于文档的最前端,表示文档的开始,即浏览器从 开始解释。而则位于文件的最后一行,这样 的结果表示这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 是HTML文件头标记符,用来描述 TML首部的内容,说明文档的整体信息。所有首部信息并不会 出现在利用WWW浏览器所看到的窗体中。 通常与某些标记符一起使用,如标记符。 (3)TTLE标记符 ×/TTLE>指的是一份文档的标题。通常来说, 每一份文档都应该有一个标题来简述这一份文档的特色或是主题。 对于V浏览器而言,标题所在的位置虽然依照浏览器的不同 而不同,但是大部分都位于浏览器的最上方。 (4)BODY标记符 指的是定义出一个HTML文档的体部, 位于首部下面。在标记符内的文字,所有使用标记符的 地方都可以经浏览器正确地显示在浏览器窗体中
(1)HTML标记符 这两个标记符是HTML文档的标记符。 处于文档的最前端,表示文档的开始,即浏览器从 开始解释。而则位于文件的最后一行,这样 的结果表示这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 是HTML文件头标记符,用来描述 HTML首部的内容,说明文档的整体信息。所有首部信息并不会 出现在利用WWW浏览器所看到的窗体中。 通常与某些标记符一起使用,如标记符。 (3)TITLE标记符 指的是一份文档的标题。通常来说, 每一份文档都应该有一个标题来简述这一份文档的特色或是主题。 对于WWW浏览器而言,标题所在的位置虽然依照浏览器的不同 而不同,但是大部分都位于浏览器的最上方。 (4)BODY标记符 指的是定义出一个HTML文档的体部, 位于首部下面。在标记符内的文字,所有使用标记符的 地方都可以经浏览器正确地显示在浏览器窗体中
3.创建和测试Web页 由于TML文件的实质就是文本文件,因此可以用任何文本编 辑器编辑HTML文件,通常可以使用Windows系统中的“记事本” 程序。另外,由于Vindows98/Me/2000系统中捆绑了E5或 IE5.5(Internet Explorer5.0或5.5),因此用户在Windows中可 以方便地对Web页进行简单的测试。 (1)创建Web页 保存了Web页之后,在所选择的文件夹中将包含所创建的Web 页,可以由E将其打开。 (2)发布Web页 用户创建了Web页之后,通常可以直接将其保存在硬盘、软盘 或光盘上,作为一种电子文档,也可以将其发布到Internet.上, 以便让全世界的浏览者都能够进行浏览。发布Wεb页时应按以下 步骤进行。 ①创建本地站点 ②申请网页空间 ③用FTP上传网页
3.创建和测试Web页 由于HTML文件的实质就是文本文件,因此可以用任何文本编 辑器编辑HTML文件,通常可以使用Windows系统中的“记事本” 程序。另外,由于Windows98/Me/2000系统中捆绑了IE5或 IE5.5(Internet Explorer 5.0或5.5),因此用户在Windows中可 以方便地对Web页进行简单的测试。 (1)创建Web页 保存了Web页之后,在所选择的文件夹中将包含所创建的Web 页,可以由IE将其打开。 (2)发布Web页 用户创建了Web页之后,通常可以直接将其保存在硬盘、软盘 或光盘上,作为一种电子文档,也可以将其发布到Internet上, 以便让全世界的浏览者都能够进行浏览。发布Web页时应按以下 步骤进行。 ① 创建本地站点 ② 申请网页空间 ③ 用FTP上传网页
3.1.2标题处理 在HTML中,用户可以通过Hn标记符来标识文档中的标题和 副标题,其中是1到6的数字。H1>表示最大的标题,H6>表示 最小的标题。使用标题样式时,必须使用结束标记符。 标题文字标记符的格式: 标题文字 属性align,用来设置标题在页面中的对齐方式:left(左对齐) center(居中)或right(右对齐)。 如 计算机系 .标记符默认显示宋体。.标记符会自 动插入一个空行,不必再用空行标记符。在一个标题行下无法使 用不同大小的字体。 与HDAD中的.定义的网页标题不同, 标题格式显示在浏览器窗口内,而不显示在刘览器的标题栏中
3.1.2 标题处理 在HTML中,用户可以通过Hn标记符来标识文档中的标题和 副标题,其中n是1到6的数字。表示最大的标题,表示 最小的标题。使用标题样式时,必须使用结束标记符。 标题文字标记符的格式: 标题文字 属性align用来设置标题在页面中的对齐方式:left(左对齐)、 center(居中)或right(右对齐)。 如: 计算机系 .标记符默认显示宋体。.标记符会自 动插入一个空行,不必再用空行标记符。在一个标题行下无法使 用不同大小的字体。 与HEAD中的.定义的网页标题不同, 标题格式显示在浏览器窗口内,而不显示在浏览器的标题栏中
3.1.3段落处理 在HTML中段落处理是通过段落标记来完成的,常用的段落标 记符有: 1.注释标记符 HTML的注释标记符的格式为: 2.1 强制换行标记符 强制换行标记符为,放在一行的末尾,可以使后面的文字、 图片、表格等显示于下一行,而又不会在行与行之间留下空行, 即强制文本换行。 3. 强制换段标记符 在HTML文档中,无法用多个回车、空格、Tab键来调整文档 段落的格式。要用TML的标记符来强制换行、分段。 (1)强制换段标记符 强制换段标记符的格式为: 文字 (2)设置段落标记符 设置段落标记符的格式为: 文字
3.1.3 段落处理 在HTML中段落处理是通过段落标记来完成的,常用的段落标 记符有: 1.注释标记符 HTML的注释标记符的格式为: 2.强制换行标记符 强制换行标记符为,放在一行的末尾,可以使后面的文字、 图片、表格等显示于下一行,而又不会在行与行之间留下空行, 即强制文本换行。 3.强制换段标记符 在HTML文档中,无法用多个回车、空格、Tab键来调整文档 段落的格式。要用HTML的标记符来强制换行、分段。 (1)强制换段标记符 强制换段标记符的格式为: 文字 (2)设置段落标记符 设置段落标记符的格式为: 文字
4.显示预排格式标记符 当用其他编辑工具编排好了一段文字后,其中很可能有一些 HTML文件不支持的控制符号,如同车、多个空格、Tab键等。如 果希望在浏览网页时仍保留在编辑工具中己经排好的段落格式, 可以使用标记符将预先排好的格式保留下来。 显示预排格式标记符的格式为: 预先排好的格式 5.分区显示标记符 分区显示标记符的格式为: 文本或图像 6.水平线 在页面中插入一条水平标尺线(Horizontal Rules),可以使 不同功能的文字分隔开,看起来整齐、明了。 水平线标记符的格式为:
4.显示预排格式标记符 当用其他编辑工具编排好了一段文字后,其中很可能有一些 HTML文件不支持的控制符号,如同车、多个空格、Tab键等。如 果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式, 可以使用标记符将预先排好的格式保留下来。 显示预排格式标记符的格式为: 预先排好的格式 5.分区显示标记符 分区显示标记符的格式为: 文本或图像 6.水平线 在页面中插入一条水平标尺线(Horizontal Rules),可以使 不同功能的文字分隔开,看起来整齐、明了。 水平线标记符的格式为:
3.1.4文本格式处理 文本格式处理包括文字设置和格式处理。 1.文字设置 在网页中为了增强页面的层次,其中的文字可以用 不同的大小、字体、字型和颜色,通常用FONT标记 符来完成。 FONT标记符设置格式为: 被设 置的文字 sie属性是字号属性,用于控制文字的大小,它 的取值既可以是绝对值,也可以是相对值。 face属性是字体标记符,用来指定字体样式。 color,属性可用来控制文字的颜色,属性值可以是 颜色名称或十六进制值
3.1.4 文本格式处理 文本格式处理包括文字设置和格式处理。 1.文字设置 在网页中为了增强页面的层次,其中的文字可以用 不同的大小、字体、字型和颜色,通常用FONT标记 符来完成。 FONT标记符设置格式为: 被设 置的文字 size属性是字号属性,用于控制文字的大小,它 的取值既可以是绝对值,也可以是相对值。 face属性是字体标记符,用来指定字体样式。 color属性可用来控制文字的颜色,属性值可以是 颜色名称或十六进制值
2.格式处理 HTML中的格式标记符有: 标记符之间加入的文本将 会在浏览器中按两边缩进的方式显示出来。 ×/DL>标记符是指Directory List,.用来创建一个普通的列 表,;用来创建列表中的上层项目;×/DD> 用来创建列表中最下层项目;和都必 须放在标志对之间。 ×/OL>标记符指Ordered List,它是用来创建一个标有数字 的列表;×/UL>标记符用来创建一个标有圆点的列表; ×/L>标记符只能在或×/UL>标记符 内使用,此标记符用来创建一个列表项
2.格式处理 HTML中的格式标记符有: 标记符之间加入的文本将 会在浏览器中按两边缩进的方式显示出来。 标记符是指Directory List,用来创建一个普通的列 表,; 用来创建列表中的上层项目; 用来创建列表中最下层项目;和都必 须放在标志对之间。 标记符指Ordered List,它是用来创建一个标有数字 的列表;标记符用来创建一个标有圆点的列表; 标记符只能在或标记符 内使用,此标记符用来创建一个列表项