超文本标记语言HTML是当前网页设计领域最基础的应用语言，使用HTML语言所编写超文本文件（或称HTML文档）成为万维网上最普遍的网页形式之一。HTML语言来源于著名的标准通用标记语言SGML（Standard Generalized MarkupLanguage），由万维网之父TimBerners-Lee于1990年创建一个基于超文本的分布式应用系统时提出。作为SGML语言的子集，HTML语言摒弃了SGML语言过于复杂、不利于信息传递和解析的不足，选用最基本的元素——标记（Tags）进行超文本描述，达到了简化、易懂的目的。

本文主要介绍HTML语言的基本结构和基本标记。

1.1HTML概述

1.1.1基本形式

HTML文档主要是由将要显示在网页上的文档内容和一系列标记所组成。当用户浏览HTML文档时，浏览器就会把这些标记解释成它应有的含义，并按照一定的格式，将这些被标识的文档内容显示在浏览器窗口中。

在HTML文档中有些标记必须以“＜标记＞”开始，而以“＜/标记＞”结束，这些标记称之为“成对标记”；有些标记并不需要确定作用域，称之为“非成对标记”。其基本格式如下：

一、成对标记

＜标记参数1 参数2 参数3……＞内容＜/标记＞

其中，标记与参数、参数与参数之间使用空格分隔，参数可省略。

例如，使用“斜体”标记，＜I＞上海大学＜/I＞。通过浏览器查看时，“上海大学”是以斜体的形式显示的。

二、非成对标记

＜标记参数1 参数2 参数3……＞内容

例如，使用“水平分隔”标记，＜HR＞。通过浏览器查看时，会显示一条水平分隔线。

注意：对于HTML标记，大、小写或混写均可。例如：＜HTML＞、＜html＞或＜HtmL＞，其结果都是一样的。同时如果不特别注明，浏览器会忽略HTML文档中的空格（多个空格认作一个空格）、制表符和回车等符号。

1.1.2 基本结构

一个标准的HTML文档具有如下的结构：

一、＜HTML＞标记

＜HTML＞标记是成对标记。一个完整的HTML文档是以＜HTML＞标记开始，以＜/HTML＞标记结束的，用来告知浏览器该成对标记之间的内容是使用HTML格式编写的，浏览器会使用HTML规范来解释和显示其中的内容。

二、＜HEAD＞标记

＜HEAD＞标记是成对标记。＜HEAD＞和＜/HEAD＞标记之间的内容是HTML文档的头部分，用来规定该文档的标题（出现在Web浏览器窗口的标题栏中）和文档的一些属性。在＜HEAD＞标记之间可引用＜META＞、＜TITLE＞等标记。

三、＜META＞标记

＜META＞标记是非成对标记，它位于＜HEAD＞标记之间，用以记录当前页面的一些重要信息，例如网页所依据的字符集、开发者、开发语言版本、网页关键字等。

四、＜TITLE＞标记

＜TITLE＞标记是成对标记，用以规定HTML文档的标题。位于该成对标记之间的内容将显示在Web浏览器窗口的标题栏中。

五、＜BODY＞标记

＜BODY＞标记是成对标记，该成对标记之间的内容将显示在Web浏览器窗口的用户区域内，它是HTML文档的主体部分。

＜BODY＞标记的重要参数：

（1）BGCOLOR：设置HTML文档的背景色。

（2）TEXT：设置HTML文档中文字的颜色。

（3）LINK：设置HTML文档中未被访问过的链接所显示的颜色。

（4）ALINK：设置HTML文档中链接被激活时链接所显示的颜色。

（5）VLINK：设置HTML文档中被访问过的链接所显示的颜色。

（6）BACKGROUND：设置HTML文档的背景图片。

（7）BGSOUND：设置HTML文档的背景音乐。

其中，在设置颜色时，可以使用颜色的六位十六进制代码（其中，每两位的取值范围均是00~FF，代表ASCII码的0~255；前两位设置红色的深浅，中间两位设置绿色的深浅，最后两位设置蓝色的深浅），也可以直接使用该颜色对应的英文单词。

例如，若需指定HTML文档的背景颜色为“绿色”，文字颜色为“红色”，则直接使用对应英文单词的具体设置为：

＜BODY BGCOLOR="green" TEXT="red"＞内容＜/BODY＞

而使用六位十六进制代码的具体设置为：

＜BODY BGCOLOR="#008000" TEXT="#ff0000"＞内容＜/BODY＞

为了便于记忆，建议用户直接使用相应的英文单词指定颜色，常用颜色见表2-1-1。

表2-1-1 常用颜色表

1.1.3 注释与特殊字符

为了便于阅读HTML文档，用户可以在文档中适当加入一些注释。放在注释标记中的文本，浏览器是不作处理的。

注释标记格式：＜！——注释内容——＞

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群：805358732

如果你想用Python开辟副业赚钱，但不熟悉爬虫与反爬虫技术，没有接单途径，也缺乏兼职经验
关注下方微信公众号：Python编程学习圈，获取价值999元全套Python入门到进阶的学习资料以及教程，还有Python技术交流群一起交流学习哦。