1.15 HTML标记语言
标记语言可以分为通用标记语言（Generalized Markup Language）和特定标记语言（Specialized Markup Language）。通用标记语言为国际相关组织规划设计，作为特定标记语言的参考，绝大多数软件都应该能够支持和解释。特定标记语言是在通用标记语言的框架内，为某些应用软件特别设计的，HTML语言就是基于SGML制定出来的一种为了方便地在Internet的Web网络上开展应用而简化出来的标记语言。
学习HTML语言是进入Web程序设计的第一步。HTML语言是一种简洁的标记语言（Markup Language），它是由标记（Tags）代码和相关的属性数据组成，比如告诉浏览器在当前位置插入图片的HTML语句：＜img src=“logo.jpg”alt=“the logo”＞。在这个例子中，img是标记，src=“logo.jpg”和alt=“the logo”是属性数据。
像传统程序设计语言一样，用HTML标记语言编写的内容属于纯文本，以网页文件的形式存储。其实在计算机中HTML类型的文件本质上也是文本文件，可用常用的文本编辑软件对它们进行创建、修改和编辑。
与传统程序设计语言不同的是，用HTML标记语言编写的网页文件由浏览器打开即可查看结果。HTML是一种描述性标记语言，严格来说不是一种编程语言，传统语言编写的程序文件需要相应的翻译程序方可打开运行。
HTML文档也是通过Web浏览器打开和解释的，读者可以选择手机端的浏览器（因手机占无编写网页代码的工具，这可能比较难做到）或个人计算机端的浏览器（如微软公司的IE）。各种浏览器都可以直接打开运行HTML文档。若HTML文档在网上的服务器内，则也只需在浏览器地址栏中输入文件的URL即可。
如果只使用HTML语言来编写Web网页，则该网页的效果和功能将受到很大局限，通过结合CSS和Script，可以极大改进HTML不能很好解决动态和交互功能的局限性。例如，对Web网页中一的系列图形加以控制，让图片循环地输出就可以实现动画的效果，还可以实现对许多Web网页外观元素进行控制的功能。
1.15.1 了解HTML标记
HTML语言的多数标记都是成对出现的，开始标记若是＜tag＞，那么结束标记就是＜/tag＞。在开始和结束标记之间的内容就是这个＜tag＞标记修饰的内容或管理的范围。用户可以在＜tag＞和＜/tag＞之间增加很多内容和其他的标记。还有些标记仅仅有开始标记，没有结束标记，一般这些标记用于插入和执行一个功能，不用于修饰文件中其他的内容。
下面可通过一个简单的HTML文件了解标记的作用。
【示例1.15-1】
上面文件的第一个标记是＜html＞，这样浏览器就知道这是HTML文件的开头。文件的最后一个标记是＜/html＞，表示HTML文件到此结束。
在＜head＞和＜/head＞之间的内容，是头部信息。头部信息不会显示出来，因此在网页中看不见头部信息。但是这些头部信息有很多功能，例如，你可以在head信息里加上一些关键词，有助于搜索引擎搜索到你的网页，上例中头部包含了设定浏览器标题的标记——＜title＞。
在＜title＞和＜/title＞之间的内容，设定了浏览器的标题。可以在浏览器最顶端的标题栏看到这个标题。
在＜body＞和＜/body＞之间的信息，第一行“This is my first homepage.”，这行内容将输出在浏览器中。
在＜b＞和＜/b＞之间的文字——“This text is bold”将以粗体显示。＜b＞标记的作用是将修饰的文件用粗体显示。
1.15.2 创建你的第一个HTML文件
创建HTML文件的方法很多，利用网页制作软件或文字处理软件都可以较容易实现。常见的网页制作软件有微软的FrontPage或者Macromedia的Dreamweaver，这些软件存盘产生的文件都是网页文件。文字处理软件有很多种，甚至可以使用最简单的记事本来创建和修改网页文件。在学习Web程序设计时，建议使用记事本来编写HTML文件，这样可以避免操作复杂软件，简化操作步骤。
打开Windows下的记事本（Notepad）软件，新建一个文本文件，然后输入示例1.15-2中的代码，注意输入时确保所有标记都是在英文输入模式下输入，因为在汉字输入状态有可能误把中文的符号、标点当作英文输入，很难察觉。如果发生这样的情况，则浏览器将拒绝该标记的执行。
【示例1.15-2】
最后将这个文件存盘，注意选择“保存类型”为所有文件，为文件命名，如abc.html, HTML文件的后缀名是htm或者是html，如图1.5所示。
图1.5 文件的保存
找到刚编写的abc.html文件，双击它，在缺省状态下，计算机会用浏览器（如IE）把它打开，就可以看见该文件在浏览器中的效果。
当然也可以先打开浏览器，在文件菜单选择打开，然后找到并选择abc.html文件，也可以打开浏览这个网页文件。
1.15.3 HTML文件编辑过程
学习编写HTML文件不需要安装特殊的软件，Windows系统的IE和记事本就可以胜任这项工作。初学者要明确一点，IE可以打开本地磁盘和网上的HTML文件，仅仅能编辑存放在本地磁盘的HTML文件，但网上的这类文件是不可能直接编辑的。
新建HTML文件可以快速地新建“空”的HTML文件（也即文件内容为空），在要求新建较多文件时非常方便。
本操作要求打开【文件夹选项】，路径为【我的电脑】→【工具】菜单→【文件夹选项】，如图1.6所示，把【隐藏已知文件类型的扩展名】选项关闭。
在本地磁盘上，利用鼠标右键快捷菜单【新建】→【文本文件】，将文件名的扩展名改为html或htm即可，如图1.7所示。
图1.6 文件夹选项
图1.7 扩展名的更改
用浏览器（例如IE）打开HTML文件，选择IE主菜单的【查看】→【源文件】，系统将直接用记事本打开该HTML文件，这样就可以直接进行该HTML文件的代码输入编写。
利用记事本将修改完成的HTML文件存盘，然后选择打开该HTML的浏览器，使用浏览器的刷新功能，即可观看修改后的HTML文件的效果。
反复利用步骤2～4就可以建立许多HTML文件和编辑内容。
1.15.4 网页的编辑软件
记事本是一种简洁的文本编辑软件，在学习Web程序设计时可以方便地使用它，但它不能胜任管理Web站点的编辑大量网页的工作。“工欲善其事，必利其器”，在实际网站、网页编写工作中，使用专门的软件工具可以为网页编写创造事半功倍的环境。Web程序的开发工具种类非常多，各有特色，下面简单介绍几种。
许多公司推出的商业化的网页开发编辑工具，如Macromedia公司的Home Site、Dreamweaver是从事Web网页开发工作人们常用的大型软件工具，Microsoft公司的FrontPage也在网页开发中比较普及。以上这些软件工具在创建和管理网站的功能比较强大，使用起来“所见即所得”，但其操作比较繁杂，仅熟悉软件便需要较长时间。但由于这些软件入门无须了解本质的标记代码，因此不适合Web程序编写的初学者使用，读者可以在网页制作类课程中学习此类软件。
W3C联盟的Amaya是比较全面的Web浏览与开发软件，该软件也具备可视化风格的界面，利用Amaya创建HTML与CSS文件，读者可以在www.w3.org/amaya/中免费下载该软件。在互联网上还免费提供许多精炼的Web编程工具软件共享，例如，通用的程序代码编写器Edit Plus，可以在www.editplus.com中免费下载，试用30天。这是一个Windows平台的32位编辑器，软件很小，安装使用方便，用来编写HTML与CSS代码功能比较全面，在学习Web程序编写中可以完美地替代记事本。该软件在编写常见的Web程序设计中，如HTML、CSS、PHP、ASP、Per、JavaScript具备自动显示不同代码颜色，提醒编程者注意书写错误或语法错误。
在编辑HTML文件时，一般采用纯文本文档编辑器，如记事本或者专门的程序编写工具就属此列，并在保存时将其存为后缀名为.htm或.html的文档即可。不建议使用Word、WPS等专门的字处理软件来编辑HTML文档，因为这样会导致出现难以察觉的字符及格式，致使程序出错。