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