日期:2013-11-30  浏览次数:20754 次

一、为什么要学习HTML?
  近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制造变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的网页制造工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML言语基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。遭到图形编辑工具本身的约束,将产生大量的垃圾代码。缘由很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它依据其中的内容自动确定,HTML只需你通知它是表格和单元格的陈列顺序(也就是行列数)就行了,但由于图形化开发工具无法得知你的这种特殊要求,所以只能取普通要求,把每个单元格的宽度和高度都定义起来,从而添加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML言语,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消弭无用的代码,从而达到快速制造高质量网页的目的。

  二、如何用HTML?
  HTML言语,又称超文本标记言语,是英文Hyper Text Markup Language的缩写。HTML言语作为一种标识性的言语,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML言语在所有的计算机编程言语中是最简单易学的。 组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用公用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们学习HTML愈加容易,我们可以先用它制造好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。

  三、HTML基本概念
  1、标记
  HTML用于描述功用的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如<TABLE>表示一个表格的开始,</TABLE>表标一个表格的结束。在HTML中,标记的大小写作用相反,如<TABLE>和<table>都是表示一个表格的开始。
  标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的:
<table width="50%" border="10" cellspacing="10" cellpadding="10">
<tr>
<td>
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td>
<p> </p>
<p>hjk</p>
<p> </p>
</td>
<td> </td>
</tr>
</table>
  但是标记不能交叉嵌套,如下面这样的代码是错误的:
<div><span>这是不正确的代码</div></span>

  2、特殊字符
  由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:
<或<对应字符 <
>或>对应字符 >
"或"——对应字符 "
à——对应字符 A

  3、语法
  一个标记,为了明确它的功用,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记<p>,它的语法格式是:
<p
align=left|center|right
class=type>
  这就说明<p>标记有两个属性参数,即“align”和“class”,其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。在实际使用时当然可以没有“align”和“class”参数,按照默认情况显示,这一点非常重要,这是我们判断无用代码的次要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响效果或影响很少,我们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。
  标记参数的具体的值都有要加西文引号,如:要使段落内容居中,正确的写法是这样的:<p align="center">段落内容居中示例</p>
  学好用好HTML言语的关键是灵活使用标记的参数。特别是默认值的使用。