近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。webstorm,Adobe公司推出的Adobe Pagemill,Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的网页制作工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。
因此,HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。
二、如何用HTML?
HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是最简单易学的。组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Windows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、Homesite、HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们学习HTML更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。
三、HTML基本概念
1、定义:
HTML 语言是一种超文本的标记语言,简单来讲就是构建一套标记符号和语法规则,将所要显示出来的文字、图象、声音等要素按照一定的标准要求排放,形成一定的标题、段落、列表等单元。
2、超文本标记
1) 超文本标记用带尖括号“<”和“>”表示。
2)超文本标记一般是成对出现,用带斜杠的元素表示结束。如:<html>和</html>。但有些标记只有起始标记而没有结束标记,如:<BR>,它在网页中表示引入一个换行动作,还有些标记可以省略,如:段落的结束标记</P>就可以省略。
3)超文本标记忽略大小写,如:<HTML>和<html>是等效的,但其中实体内容的名称是要区分大小写,如"&NAME"和"&name"是表示不同的实体。
4)一个标记元素可写在多行,参数位置不受限制。
3、HTML语言的单元 (元素)
整个网页页面的内容由特定内容形成的许多单元构成的,而每个单元又由三部分组成----起始标记、单元内容、结束标记。
起始标记:起始标记由“<”和“>”来界定,单元名称和属性由起始标记给出;
单元内容:中间的部分是单元的内容部分;
结束标记:结束标记由“</”和“>”来界定,比起始标志多一斜杠;
例如:标题栏单元的标记形式
<TITLE>高考状元访谈--记一位农家孩子的成长经历</TITLE>
其中<TITLE>和</TITLE>是起始标记和结束标记,“高考状元访谈--记一位农家孩子的成长经历”是单元的基本内容。
总之,整个HTML文档都是由标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只需要在这个框架中填充内容就行了。
学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用