Dreamweaver80第六讲 初试HTML和CSS语言.doc

第六讲 初试HTML和CSS语言（上） Dreamweaver支持最新的DHTML和CSS标准，可以轻而易举地做出很多眩目的互动页面特效。实际上，尽管 Dreamweaver支持所见即所得的编辑方式，但是却没有放弃使用HTML代码编写网页。在这一讲中，我们学习html语言的基本语法和文档的总体结构。通过本讲的学习，我们希望达到下面的学习目标： ◆ 掌握HTML的基本语法和文档总体结构； ◆ 学会使用HTML控制文字外观和段落格式； ◆ 学会使用HTML修饰页面。 6.1 HTML的基本语法和文档总体结构 在学习HTML之前，首先应该了解什么是HTML。 6.1.1 HTML概述 HTML是HyperText Markup Language(超文本标记语言)的首字母缩写。作为一种用于编写网页的语言，经过了不断的完善和升级，已经由最初的版本升级为目前的HTML 4.0。 HTML是纯文本类型的语言，因此使用HTML编辑出的网页也是纯文本文件，这些文件一般都是以“.htm”或“.html”作为扩展名。用户可以使用任何的文本编辑器对HTML文件进行编辑，例如Windows系统中的文本编辑器，或者是Microsoft Word，以及一些专门的文本编辑工具。使用上述软件打开HTML文件就可以对该文件的源代码进行编辑。在默认的情况下，HTML文件以浏览器程序打开。 与其他语言不同，HTML语言通过使用各种标签、元素、属性、对象等关键字建立与图像、声音、动画以及其他的HTML文件的链接。使用HTML语言编写的网页是解释型的。也就是说，网页的效果是在浏览器打开网页时动态生成的。当打开HTML文件时，浏览器分析和解释网页中的HTMl代码，然后根据解释的结果显示网页内容，因此，网页的显示速度与网页HTML代码的质量有很大的关系。为此，在编辑网页时应该尽量保持HTML代码的精简高效。 由于HTML文件必须由浏览器对其进行解释，所以不同的浏览器中网页文件的显示效果也可能不一样。现在最流行的浏览器就是Microsoft Internet Explorer和Netscape Navigator。目前这两个浏览器的最新版本都是6.0，为了保证浏览器可以支持网页的所有效果，建议用户将浏览器升级到最新版本，这种升级是完全免费的。 HTML的发展与Internet上的WWW浏览操作的发展是分不开的。Internet为全世界的上网者提供各种各样的服务，如WWW浏览、电子邮件、ftp服务、网络聊天等，其中使用最多的服务就是WWW浏览。WWW遵循HTTP协议（HyperText Transfer Protocol，超文本传输协议），主要以“超文本”（HyperText）或“超媒体”（HyperMedia）的形式传输信息。我们平常所说的浏览网页，实际上就是WWW操作。 6.1.2 HTML语法特征 HTML语言主要通过使用各种标签来标识和排列各种元素。标签由“”、“”符号以及其位于尖括号中的标签元素构成。标签中的文字对大小写不敏感，但是为了便于阅读，建议将使用小写字母。Dreamweaver 生成的HTML代码使用的就是小写字母。一般来说，HTML语法有三种表达方式： 标签对象/标签 标签 属性1=参数1 属性2=参数2 ……对象/标签 标签对象 下面分别介绍上面三种表达方式。 1. 标签对象/标签 该语法实例中显示了封闭式标签的使用方法。在HTML 4.0中，许多标签都必须成对出现，这两个标签一起来标识一个对象。前面的标签意味着开始对对象的控制，后面的标签意味着结束控制。为了表示区别，结束标签在标签元素前面插入一个反斜杠“/”。下面是一些示例： 代码1 title边用边学Dreamweaver/title body欢迎使用《边用边学Dreamweaver》/body 2. 标签 属性1=参数1 属性2=参数2 ……对象/标签 这个例子显示了封闭标签的扩展形式。利用带参数的属性可以进一步设置对象在某个方面的性质。这里，参数代表了该属性的效果。例如，在下面的语句中，通过使用“bgcolor”属性设置网页的背景颜色，参数设为“#ffffff”，这样网页的背景颜色就被设定为由#ffffff描述的白色，“text”属性控制文字的颜色，参数“#ff0000”，这样文字的颜色就设定为由#ff0000描述的红色。 代码2 body bgcolor=#ffffff text=#ff0000 欢迎使用《边学边用Dreamweaver》 /body 为了看到这些