1.1 HTML超文本标记
因为JavaScript存在于Web页之中，所以要想使用JavaScript，就首先必须理解超文本标记语言。
HTML是超文本标记语言（HyperText Markup Language）的缩写，它是最近几年出现的很多标记语言中的一种，简言之，标记语言为文本文件用特殊字符增添标记提供了一些规则。这些字符对文档的各个部分进行描述，比如可以使用标记语言来将文本的一部分指定为摘要，即对文档内容的简要总结。HTML是为Internet文档设计的标记语言。
HyperText Markup language（超文本标记语言）是SGML（Standard Generalized Markup Language，标准通用标记语言）的一个应用，是生成活动文档的代码系统，活动文档是使你和别人能够进行交互的文档。HTML的普遍应用就是带来了超文本的技术——从一个主题转入另一个主题，不是线性的阅读和寻找信息。通过单击链接直接取得相关的主题。通过单击鼠标去发送电子邮件与别人联系，填写表单并联机提交，以及访问巨大的数据库和信息资源。是HMTL使得文档的访问、阅读及使用如此方便、快捷和有效。无论Web页面包括动画、多媒体、图形等各种复杂的格式，基础都是HTML。
注意
HTML不是程序设计语言，而是一种结构语言。
HTML与平台无关，只要是相同的浏览器。
HTML有许多元素，文档通过元素设置标签就形成了所谓的HTML文档。
HTML也是文本文件，所以可以用纯文本编辑器（如Windows的记事本、写字板）来编辑，其后缀名必须是.html或.htm
只有通过浏览器才可以对HTML文档进行相应的解释。
1.1.1 HTML的作用
HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其主要作用如下。
（1）格式化文本。如设置标题、字体、字号、颜色，设置文本的段落、对齐方式等。
（2）建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。
（3）创建列表。把信息用一种易读的方式表现出来。
（4）插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。
（5）建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。
（6）加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。
（7）交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。
HTML是最基本的网页制作语言，其他的专用网页编辑器（如FrontPage，Dreamweaver等）都是以HTML为基础的。
1.1.2 HTML的编辑环境
HTML的编辑环境很简单，任何一台计算机都可以编辑网页。但要看到用户自己设计的网页效果，就需要安装一个浏览器，如Internet Explorer，Netscape Navigator等。因此，只要计算机能运行某个浏览器，就具备了网页制作的硬件环境。HTML要求的软件环境更为简单，任何文本编辑器都可以用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。HTML文件的设计制作与一般程序设计语言之间最大的不同在于，HTML具有跨平台的处理能力。也就是说，只要有适当的浏览器，不管使用何种操作系统，都能阅读制作的HTML文件。
1.1.3 专用的网页编辑器
HTML作为最基本的网页编辑语言，能实现制作网页的各种效果。但是，它毕竟是一种代码，得记住一些标记。因此，为了使设计网页更加简单方便，有些公司和人员就设计了专用的网页编辑器。专用的网页编辑器主要分为3大类。
（1）完全的所见即所得工具：所谓所见即所得，就是在编辑网页时看到的效果，与使用浏览器时看到的效果基本一致。这给网页设计人员带来了极大的方便。如果希望建立一个美观而又不复杂的站点，这种工具非常适合，可以很轻松地制作想要的效果，而直接用HTML代码编写出某些效果是很麻烦的。不过必须按照这些软件的要求来设计。典型的工具有Drumbeat 、NetobjectFusion。
（2）纯粹的HTML代码编辑工具：与完全的所见即所得工具相对应，用纯粹的HTML代码编辑工具，用户可以对页面进行完全的控制。使用这些工具时，直接编辑原始的HTML代码，在对页面进行加工时，也不会破坏原有的代码。这些工具最大的不足在于用户必须会HTML语言。事实上，虽然有那么多工具，要想成为一个好的网页制作人员，HTML还是应当掌握的。
（3）混合型工具：介于上面两种工具之间，混合型工具在所见即所得的工作环境下可以完成主要的工作，同时也能切换到一个文本编辑器，对HTML源代码进行直接地调整。像所见即所得的工具一样，这种混合型的创作工具通常也不能完全控制HTML页的代码。但Macromedia Dreamweaver在对已有的HTML页进行编辑时，会严格保持原有代码的格式。典型的混合型工具还有Adobe PageMill、FrontPage、CutePage 、QuickSite等。
FrontPage是较好的所见即所得的网页编辑工具，也是常用的网页编辑器。它对一个Web站点有很强的控制能力，可以统一Web站点内页面的外观和风格。它的Web管理功能也很强大，用户可以通过图形的方式观察和调整站点的结构。
Dreamweaver的最佳特性就是它的“往返式（Roundtrip）HTML”编辑能力，这种特性使图形编辑工具和代码编辑工具输出同样的HTM代码。Dreamweaver是图形化HTML编辑工具中惟一不干扰原有HTML代码的工具，所以用Dreamweaver编辑后，仍然可以转回到原来的代码中用编辑工具进行修改。用其他工具修改后，Dreamweaver能自动更新相应的页面。它能很方便地产生动画，嵌入JavaApplet、ActiveX控件，以及Netscape插件，并对用户的动作作出反应。此外，Dreamweaver在Internet Explorer和Netscape Navigator两种浏览器之间的兼容性问题上处理得也很好。
1.1.4 HTML组件
HTML实际上是普通的文档，没有图形，动画，声音等，但包含了指向这些类型文件的“指针”或链接，使得Web页面包含这些非文本因素。HTML本身是由标识HTML文档元素和特性标志（tag）和属性（attribute）构成的代码系统。有些标志显示文档结构，有些指向其他文件，属性的作用是对标志提供补充信息。
HTML工具的使用
（1）创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个是Web浏览器。
① HTML编辑器用于生成和保存THML文档的应用程序。
② Web浏览器是用来打开网页文件，提供给用户查看Web资源的客户端程序。
（2）HTML编辑器分两种
① 一种是基于文本和代码的编辑器，在创建时只能看到HTML代码。
② 所见即所得编辑器。在对网页编辑时，它所处的设计界面也是在最终浏览器窗口中显示的效果。它一般有设计区和代码区之分
1.1.5 HTML标签
HTML必须是文本文档，由被称为标签的格式指示以及要在Web页上显示的文本组成。HTML标签的范围从格式化命令到用户输入的控制，还有一些HTML标签用于在文档或Web页中显示图形图像与其他对象。
注意
HTML对大小写不敏感，所以可以使用<b>代替<B>。但是，笔者建议凡是HTML标签都使用小写的字母书写。
所有的HTML文档都以<HTML>开始，并以</HTML>结束。这一对标签告诉浏览器，它们之间的所有文本都应该被编译为一个HTML文档。HTML提供了许多用于创建HTML文档的标签，如表1-1所示。
表1-1 常用HTML标签
<HEAD/>和<BODY/>是两个重要的标签。<HEAD/>标签包含了提供给Web浏览器使用的信息，它位于HTML文档的开头处，在起始<HTML/>标签之后，有几个标签可以放在<HEAD>…</HEAD>标签对之中，帮助组织文档内容。HTML文档中包含有JavaScript程序时，它们通常放在<HEAD>…</HEAD>标签之间，可以放置在<HEAD>…</HEAD>标签对之间的标签如表1-2所示。
表1-2 <HEAD>…</HEAD>标签之间的HTML标签
<HEAD/>标签之后<BODY/>标签，它包含了HTML页面。<BODY/>标签的属性决定了HTML文档的外观。<BODY/>标签的属性如表1-3所示。
表1-3 <BODY>标签的属性
Web浏览器解析或翻译HTML文档时，会忽略代码中的非打印字符，例如空格、制表符和回车换行。只有最终文档中包含的可识别的HTML标签和文本会显示在浏览器中。不能使用回车换行在HTML文档的段前或段后插入空格，浏览器只把<P/>和<BR/>识别为回车行。如果使用段落标签<P/>在HTML文档中创建空行，需要对特定的Web浏览器加以注意，如IE会忽略掉无内容的标签。
提示
某些HTML标签，例如段落标签<P>，并不需要结束标签。另外，不同的浏览器对何时需要结束标签有不同的要求。