1.1.1 HTML简介

HTML是一种标记语言。标记语言的代码本身是普通文本，但可通过特殊的标记（即标签）描绘图片、视频等多媒体内容，或者表示格式等不属于文本的信息。请看下面的代码。

<img src="1.jpg" />
<font color="red" size="14">新春</font>快乐！!！

文字内容是“新春”和“快乐！!!”。标签是“<img src="1.jpg" />” “<font color="red" size="14">”和“</font >”。按照HTML的语法，“<img src="1.jpg" />”代表一张图片，图片的文件名是“1.jpg”;“<font color="red" size="14">”和“</font >”表示它们中间的文字的颜色设置成红色，字体大小设置为14。

使用Web浏览器（以下简称浏览器）可以显示HTML文档。以上代码在浏览器中渲染的效果如图1.1所示。

图1.1 “新春快乐！!!”的渲染效果

注意

不同浏览器对相同的HTML文档的渲染结果可能不同，这跟浏览器的具体实现有关，但一般来说渲染效果区别不大。

标记语言可以用于文档排版、数据传输等领域。其中HTML5就是如今互联网上广泛采用的文档表示格式。XML（Extensible Markup Language，可扩展标记语言）是一种用于数据传输的标记语言。TeX是一种学术界常用的排版工具，也是一种标记语言。Markdown是一种轻量级的标记语言，可以使用简单的语法标记文本格式并进行文档排版，功能比较强大，值得注意的是，Markdown支持内嵌HTML。

HTML作为标记语言，主要用于描述富文本信息。可以理解为它的功能与Word等文字处理软件的功能类似。

使用HTML技术的主要目的是创建便于在互联网上分享的多媒体文档，并提供多种多样的用户交互功能。图1.2展示的是使用HTML5实现的一种弹窗，用于向用户传递信息。

图1.3展示的是使用HTML5实现的博客评论系统，其中包括文章的阅读量、评论内容等。该系统还提供了表单，允许用户输入和发表新的评论。

图1.2 使用HTML5实现的一种弹窗

图1.3 HTML5博客评论系统界面

HTML不仅能展示多媒体文档，提供用户交互功能；还提供标记文档信息关系的功能，用户通过单击链接可在文档间跳转。