网页设计与制作实用技术电子教案－齐建玲 CH3.PPTVIP

* * 通过本章学习，应该掌握以下内容： HTML及其功能 利用HTML创建和测试Web页的方法 利用HTML设置标题和文字 利用HTML设置段落 利用HTML进行文本格式的处理 利用Dreamweaver MX处理文本 第3章 网页文本的处理 3.1 利用HTML处理文本 3.1.1 HTML基础 一名网页设计高手，就必需掌握HTML语言。HTML是网络的通用语言，它允许设计者建立文本与图像相结合的复杂页面，这些页面可以被网上任何人浏览，无论使用的是什么类型的电脑或浏览器。 HTML作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其他的专用网页编辑器（如FrontPage、Dreamweaver）都是以HTML为基础的。 1．标记符 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 在HTML中，所有的标记符都用尖括号括起来。例如，HTML表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了标记符所影响的范围。结束标记符与开始标记符的区别是有一个斜线。如：HTML…/HTML. 属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为： 标记符 属性1=属性值1 属性2=属性值2 …受影响的内容/标记符 HTML属性通常也不区分大小写。本书中为了区分标记符及其属性，标记符均使用大写字母表示，而属性均使用小写字母表示。 HTML标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。 2．HTML文档的基本结构 HTML HEAD TITLE 文本标题 /TITLE /HEAD BODY 文本内容 /BODY /HTML HTML/HTML这两个标记符是HTML文档的标记符。HTML处于文档的最前端，表示文档的开始，即浏览器从HTML开始解释。而/HTML则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。 （1）HTML标记符 HEAD/HEAD是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。HEAD/HEAD通常与某些标记符一起使用，如TITLE/TITLE标记符。 （2）HEAD标记符 （3）TITLE标记符 TITLE/TITLE指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 （4）BODY标记符 BODY/BODY指的是定义出一个HTML文档的体部，位于首部下面。在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。BODY也是一个建议选项 。 3．创建和测试Web页 （1）创建Web页 由于HTML文件的实质就是文本文件，因此可以用任何文本编辑器编辑HTML文件，通常可以使用Windows系统中的“记事本”程序。 （2）测试Web页 保存了Web页之后，在所选择的文件夹中将包含所创建的Web页，该Web页文件左边有一个 图标，表示可以由IE将其打开。找到刚创建的Web页并用鼠标左键双击，则可以自动启动IE浏览器，此时所创建Web页中的内容将在浏览器中显示。 3.1.2 标题处理 在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。 3.1.3 段落处理 在HTML中段落处理是通过段落标记来完成的，常用的段落标记符有：注释标记符、强制换行标