21世纪高等院校规划教材：《网页设计与制作实用技术》课程配套电子教案（PPT教学课件）第三章 网页文本的处理

第3章网页文本的处理 通过本章学习,应该掌握以下内容 1.mTML及其功能 2.利用HTML创建和测试Web页的方法 3利用HTML设置标题和文字 4.利用HTML设置段落 5.利用HTML进行文本格式的处理 6.利用 Dreamweaver mx处理文本

通过本章学习，应该掌握以下内容： 1. HTML及其功能 2. 利用HTML创建和测试Web页的方法 3. 利用HTML设置标题和文字 4. 利用HTML设置段落 5. 利用HTML进行文本格式的处理 6. 利用Dreamweaver MX处理文本 第3章 网页文本的处理

31利用HTML处理文本 3.1.1HTML基础 名网页设计高手,就必需掌握HTM语言。 HTML是网络的通用语言,它允许设计者建立文本与 图像相结合的复杂页面,这些页面可以被网上任何 人浏览,无论使用的是什么类型的电脑或浏览器。 HTML作为一种网页编辑语言,易学易懂,能 制作出精美的网页效果,其他的专用网页编辑器 (如 FrontPage、 Dreamweaver)都是以HTML为基 础的

3.1 利用HTML处理文本 3.1.1 HTML基础 一名网页设计高手，就必需掌握HTML语言。 HTML是网络的通用语言，它允许设计者建立文本与 图像相结合的复杂页面，这些页面可以被网上任何 人浏览，无论使用的是什么类型的电脑或浏览器。 HTML作为一种网页编辑语言，易学易懂，能 制作出精美的网页效果，其他的专用网页编辑器 （如FrontPage、Dreamweaver）都是以HTML为基 础的

1.标记符 标记符又称标签,HTML是影响网页内容显示格 式的标记符集合,浏览器根据标记符决定网页的实际 显示效果。 在HTML中,所有的标记符都用尖括号括起来 例如,表示HIML标记符。绝大多数标记 符都是成对出现的,包括开始标记符和结束标记符。 开始标记符和相应的结束标记符定义了标记符所影响 的范围。结束标记符与开始标记符的区别是有一个斜 线。如:

1．标记符 标记符又称标签，HTML是影响网页内容显示格 式的标记符集合，浏览器根据标记符决定网页的实际 显示效果。 在HTML中，所有的标记符都用尖括号括起来。 例如，表示HTML标记符。绝大多数标记 符都是成对出现的，包括开始标记符和结束标记符。 开始标记符和相应的结束标记符定义了标记符所影响 的范围。结束标记符与开始标记符的区别是有一个斜 线。如：…

HTM标记符是不区分大小写的,但通常约定标 记符使用大写字母,这有利于HTM文档的维护。 属性是用来描述对象特征的特性。在HTML中,所 有的属性都放置在开始标记符的尖括号里,属性与标 记符之间用空格分隔,属性的值放在相应属性之后, 用等号分隔,而不同的属性之间用空格分隔。格式为 标记符属性1=属性值1属性2属性值2…)受 影响的内容<标记符〉 HTML属性通常也不区分大小写。本书中为了区 分标记符及其属性,标记符均使用大写字母表示,而 属性均使用小写字母表示

属性是用来描述对象特征的特性。在HTML中，所 有的属性都放置在开始标记符的尖括号里，属性与标 记符之间用空格分隔，属性的值放在相应属性之后， 用等号分隔，而不同的属性之间用空格分隔。格式为： 受 影响的内容 HTML属性通常也不区分大小写。本书中为了区 分标记符及其属性，标记符均使用大写字母表示，而 属性均使用小写字母表示。 HTML标记符是不区分大小写的，但通常约定标 记符使用大写字母，这有利于HTML文档的维护

2.HTML文档的基本结构 文本标题 /TITLE> 文本内容

2．HTML文档的基本结构 文本标题 文本内容

(1)HTML标记符 这两个标记符是HTML文档 的标记符。处于文档的最前端,表示文档 的开始,即浏览器从开始解释。而 则位于文件的最后一行,这样的结果表示 这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 是HTML文件头标记符,用 来描述HTML首部的内容,说明文档的整体信息。所 有首部信息并不会出现在利用WWw浏览器所看到的 窗体中。通常与某些标记符十起 使用,如标记符

这两个标记符是HTML文档 的标记符。处于文档的最前端，表示文档 的 开 始 ， 即 浏 览 器 从 开 始 解 释 。 而 则位于文件的最后一行，这样的结果表示 这一整份的文档都是HTML语法的文档。 （1）HTML标记符 是HTML文件头标记符，用 来描述HTML首部的内容，说明文档的整体信息。所 有首部信息并不会出现在利用WWW浏览器所看到的 窗体中。通常与某些标记符一起 使用，如标记符。 （2）HEAD标记符

(3) TITLE标记符 指的是一份文档的标题。通常来 说,每一份文档都应该有一个标题来简述这一份文档 的特色或是主题。对于WWW浏览器而言,标题所在的位 置虽然依照浏览器的不同而不同,但是大部分都位于 浏览器的最上方 (4)BODY标记符 指的是定义出一个班TM文档的体部, 位于首部下面。在标记符内的文字,所有使用 标记符的地方都可以经浏览器正确地显示在浏览器窗 体中。也是一个建议选项

（3）TITLE标记符 指的是一份文档的标题。通常来 说，每一份文档都应该有一个标题来简述这一份文档 的特色或是主题。对于WWW浏览器而言，标题所在的位 置虽然依照浏览器的不同而不同，但是大部分都位于 浏览器的最上方。 （4）BODY标记符 指的是定义出一个HTML文档的体部， 位于首部下面。在标记符内的文字，所有使用 标记符的地方都可以经浏览器正确地显示在浏览器窗 体中。也是一个建议选项

3.刨建和测试Web页 (1)创建Web页 由于HTML文件的实质就是文本文件,因此可以 用任何文本编辑器编辑HTML文件,通常可以使用 Windows系统中的“记事本”程序 (2)测试We页 保存了web页之后,在所选择的文件夹中将包含 所创建的Web页,该Web页文件左边有一个图标,表 示可以由IE将其打开。找到刚创建的Web页并用鼠标 左键双击,则可以自动启动浏览器,此时所创建 Web页中的内容将在浏览器中显示

3．创建和测试Web页 （1）创建Web页 由于HTML文件的实质就是文本文件，因此可以 用任何文本编辑器编辑HTML文件，通常可以使用 Windows系统中的“记事本”程序。 （2）测试Web页 保存了Web页之后，在所选择的文件夹中将包含 所创建的Web页，该Web页文件左边有一个 图标，表 示可以由IE将其打开。找到刚创建的Web页并用鼠标 左键双击，则可以自动启动IE浏览器，此时所创建 Web页中的内容将在浏览器中显示

31.2标题处理 在HTML中,用户可以通过Hm标记符来标识文 档中的标题和副标题,其中n是1到6的数字。 表示最大的标题,表示最小的标题。使用标题 样式时,必须使用结束标记符。 标题文字标记符的格式: 标题文字</Hm 属性ain用来设置标题在页面中的对齐方式 left(左对齐)、 center(居中)或 right(右对齐)

3.1.2 标题处理 在HTML中，用户可以通过Hn标记符来标识文 档中的标题和副标题，其中n是1到6的数字。 表示最大的标题，表示最小的标题。使用标题 样式时，必须使用结束标记符。 标题文字标记符的格式： 标题文字 属性align用来设置标题在页面中的对齐方式： left（左对齐）、center（居中）或right（右对齐）

31.3段落处理 在HTML中段落处理是通过段落标记来完成的, 常用的段落标记符有:注释标记符、强制换行标记 符、强制换段标记符、分区显示标记符和水平线等。 1.注释标记符 HTML的注释标记符的格式为: 注释并不局限于一行,长度不受限制。结束标记 符不必与开始标记符在同一行。注释的内容不在浏 览器中显示

3.1.3 段落处理 在HTML中段落处理是通过段落标记来完成的， 常用的段落标记符有：注释标记符、强制换行标记 符、强制换段标记符、分区显示标记符和水平线等。 HTML的注释标记符的格式为： 注释并不局限于一行，长度不受限制。结束标记 符不必与开始标记符在同一行。注释的内容不在浏 览器中显示。 1．注释标记符