HTML是什么

超文本是指用超链接's方法组织不同空间的各种文本信息的网络文本。一般来说，多个文本通过超链接相互连接，这些相互连接的文本集合称为"超文本".超文本是网页制作中一个非常重要的概念。可以说，网络的本质在于‘互联互通’。

这些相互关联的信息媒体可能在相同的文本中，或者在其他文件中，或者在地理上相距很远的计算机上的文件中。这种组织信息的方式将分布在不同地点的信息资源以随机的方式连接起来，为人们查找和检索信息提供了方便。(孙编辑。Dreamweaver CS5 Flash CS5 Photoshop CS5网页设计从入门到精通：中国青年出版社，2014年10月：第16页)

标记语言's的概念很复杂。简单来说，HTML不是一种编程语言(不同于C或Python)，而是一种显示数据在网页中排版位置的标记结构语言。简单地说，这句话是‘标记信息是排版结构'的语言’

如果不了解，HTML的布局规则会在下一节‘HTML的基本框架’中直观展示。如果你不理解，你可以随意跳过。毕竟我们的重点是怎么用。

HTML基本框架

！文档类型html html头/头体/正文/html

一线！DOCTYPEHTML

html的第二行

第三行标题

第四行/头

第五行体

第6行/正文

第7行/html

这七行代码是所有HTML页面通用的，也就是HTML的框架。我们去看看。

例1、头条文章页面(电脑版)网址：https://www.toutiao.com/i6785149184245760516/.

我用火狐浏览器，输入网址，点击键盘上的F12，如图。

我们可以看到一个控制台出现在页面的下半部分。

单击查看器查看页面代码。代码如下：

放大，各位！是不是有很多doctypehtmlhtml head/head body/body/html标签，但是中间有很多内容。

一个例子不具有普遍性。让我们看另一个例子。我随便找了一页新闻。网站是https://mil.eastday.com/a/200125113254400.html.

用同样的方法打开查看器查看代码，如图所示：

框架里不是有很多代码吗？

所以，请在你的电脑中创建一个新的txt文件，将HTML框架粘贴到txt文件中，并将其命名为“HTML框架”。我们以后写的每一页都是从这个框架开始的。

通过观察框架中的代码，细心的读者可能已经发现了HTML这种标记语言的书写规则。

规律1：的每句话都被括在尖括号里。这是HTML标记语言的基本特征之一，我们必须记住这一点。

规律2：除外！DOCTYPEhtml标签之外的，其他标签都是成对出现！，比如html和/html，head和/head，body和/body。

通过观察代码不难发现规律3：'s规则，即head/head和body/body夹在html/html标签之间。我们把head/head标签称为html/html标签的子标签，反过来html/html标签就是head/head标签、head/head和body/body的父标签。

各种关系如下图所示：

这样就回到了之前我们解释"标记语言"的问题上。我们说"标记语言"是"标记信息在页面中排版结构的语言"，这种父子关系、兄弟关系就可以理解为一个页面的"结构"，这种结构又与页面的排版有关。

在下一期中，我们会通过练习来解释"结构"与排版的关系。

喜欢的小伙伴请加关注，有任何问题可以留言给我，欢迎指正批评，感激不尽！

HTML完整学习目录

HTML序章（学习目的、对象、基本概念）——零基础自学网页制作

第一个HTML页面如何写？——零基础自学网页制作

HTML页面中head标签有啥用？——零基础自学网页制作

初识meta标签与SEO——零基础自学网页制作

HTML中的元素使用方法1——零基础自学网页制作

HTML中的元素使用方法2——零基础自学网页制作

HTML元素中的属性1——零基础自学网页制作

HTML元素中的属性2（路径详解）——零基础自学网页制作

使用HTML添加表格1（基本元素）——零基础自学网页制作

使用HTML添加表格2（表格头部与脚部）——零基础自学网页制作

使用HTML添加表格3（间距与颜色）——零基础自学网页制作

使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作

16进制颜色表示与RGB色彩模型——零基础自学网页制作

HTML中的块级元素与内联元素——零基础自学网页制作

初识HTML中的