首先我给大家描述三个概念

语言、程序和代码的关系。

首先要搞清楚什么是语言。可能HTML语言不太好理解，那么我们想想我们中国人在日常生活中互相交流的事实，这叫中文吗？所以，汉语是一种语言。

那么这个时候，人们就可以思考语言大致是什么样的东西了。应该是交流方式的集合，包括我们怎么发音，怎么写，这些单词怎么拼在一起，能产生具体的意思，有一定的意义。这些都聚集在一起，形成一套规则，然后大家按照规则互相交流，所以这叫语言。

我们再举一个例子，比如英国人或者美国人，他们也有自己的语言，叫做英语，那么我在这里是用另一种语言。

理解了语言之后，我们再来看看，什么是代码，代码和我们的日常生活有什么联系？

我们仍然用汉语做比喻。我们说汉语是一种交际规则，是一种语言。大家年轻的时候一定会学这门语言。这个科目小学的时候叫语文吧？那么，我们在语文课的时候，要学习一些关于语言的基础知识，比如汉语拼音产生新词，那时候要记住很多新词，那么他是否可以被理解为我们语文最基础的组成部分之一呢？

英语呢？当我们学习英语时，我们也会记住一些东西，比如英语字母，然后记住各种单词。是否意味着当我们积累了一定量的单词后，对语言的掌握会更加深入？

然后语文要背单词，英语要背单词，这是最基本的组成部分。那么在编程语言中，代码可以理解为一个新单词或者一个单词。

最后，我们来看看什么是程序。它是由很多很多代码一行一行组成的，可以完成一个综合的或者比较大的目标。

然后我们来对比一下这种自然语言，比如汉语和英语。是什么样的？很多单词放在一起，是句子吗？或者再多一点就是文章了。一篇更大的文章可能是一本书，

然后中文可以写文章，英文也可以用英文写文章。这篇文章可以大，也可以小。可能是千言万语的书，也可以理解为文章。那么这个新词集就成了一篇文章。那我们就说说节目。这是什么？对比一下，你可能会明白，这是一篇由代码组成的文章。

回过头来看我们想学的HTML语言，它也是一门语言，只是和我们理解的中英文不一样。

中文的主流是中文相互交流时使用的语言。英语呢？它在一些英语相互交流时被广泛使用和使用。所以HTML也是一种语言，但它不是人与人交流的语言，那么它是用来干什么的呢？我们来看看HTML的概念。

HTML的中文名字叫超文本标记语言，用HTML写的超文本文档叫HTML文档。独立于各种操作系统平台，可以使用HTML语言将需要表达的信息按照一定的规则写成HTML文件，通过专门的浏览器识别这些HTML文件，将这些HTML文件翻译成可识别的信息，也就是我们现在看到的网页。

那么从中我们能看出什么呢？首先，我们知道它的中文名。HTML被称为超文本标记语言。

然后，再往下，我们看到他提到了它。

浏览器在这里吧？说到浏览器，那么这个时候我们知道HTML语言，就是这样一种和浏览器交流的语言。就是我们写一些代码，那么写这些代码的目的是什么呢？目的是和浏览器交流。只要浏览器能理解我们写的东西，它就会根据我们写的代码呈现出最终的网页。这是HTML语言的一个基本概念。

(1)1)HTML中的各种元素用标签表示。

(2)2)HTML中的标签分为单标签和双标签。

(3)单标签格式为name/，双标签格式为name/name。

(4)HTML不区分大小写。

然后，我们可以比较HTML的基本结构

(1)html/html

(2)车身/车身

(3)头部/头部

(4)头衔/头衔

首先，我们打开一个记事本。

给0基本网络安全伙伴：HTML——基本语法和结构

给0基本网络安全伙伴：HTML——基本语法和结构

这意味着告诉浏览器这是一个标准的HTML页面。

那么为什么会有两个呢？前面那个，后面那个，有点类似我们标点符号里的括号。

括号左半部分前有开头，后有结尾。

这里右半括号也是前面的html表示网页从这里开始，后面的HTML表示网页到这里结束。

然后我们的网站刚刚起步，也刚刚结束。别急，看看我在这里按了多少次Enter分开。那么这意味着什么呢？中间有很多内容，就是从网页开始到网页结束中间会有其他的东西。

给0基本网络安全伙伴：HTML——基本语法和结构

让我们往下看。第二个标签叫body/body，里面的字表示body，所以表示网页的主体，也属于基本结构，那么在哪里呢？注意网页主体也属于网页，所以要放在html/html中间。

给0基本网络安全伙伴：HTML——基本语法和结构

接下来我们开始在记事本里写第三个标签head/head，代表的是头。他说老板，是不是？我们可以先想想，头部和身体之间应该注意什么样的关系？据我们所能想象，有一个人站在那里，头在上面，身体在下面。所以，注意我们的头牌，放在体/身牌上面。注意！他们之间没有包容关系！上下都是。

给0基本网络安全伙伴：HTML——基本语法和结构

最后一个词叫title/title就是标题的意思。那么这个标题应该放在哪里呢？告诉大家，它属于网页的头，在头里面。

好了，整理格式

给0基本网络安全伙伴：HTML——基本语法和结构

我们来看一下四个基本结构的构成标签，已经写进这个文档了。

我们需要注意的是，我写的结构，它包含的关系，非常重要。在最外侧，html表示网页的开头，在网页的结尾，中间有一个头、一个体、一个标题，所以头和体是上下关系，标题属于头的内部。记住这个格式！

所以直到现在，即使我们网页的基本结构真的完成了，还是保存吧。现在，在这个文档中，我们正在编写网页的程序。虽然很简单，但也是一个完整的网页。

那么既然是网页，怎么打开看看呢？注意这个程序是用HTML写的，需要放在HTML文件里。

那我们该怎么办？直接更改这个记事本的后缀。现在是. txt文档。我们把这个文件后面的txt扩展名改为html。

给0基本网络安全伙伴：HTML——基本语法和结构

给0基本网络安全伙伴：HTML——基本语法和结构

双击“网页. html”，打开一个网页html。

给0基本网络安全伙伴：HTML——基本语法和结构

这是一个用浏览器打开的网页，但里面什么也没有，是吗？空白。

然后我们来看看，在记事本里重新打开。

现在想在里面写一些简单的文字。嘿，让我看看我的网页能不能正常显示。

那么哪里可以写呢？告诉你，

在我们的基本结构中，可以写内容的地方有两个，一个是正文/正文体，一个是标题/标题标题。文字内容可以写在这两个地方。

右击html文件，选择打开模式打开其他应用，然后找到记事本，用记事本打开。

给0基本网络安全伙伴：HTML——基本语法和结构

然后在标题中间写“我的个网页”，在正文中间写“这是正文”

给0基本网络安全伙伴：HTML——基本语法和结构

好吧，我们写完再保存。关闭此窗口，然后重新打开以查看效果。所以，看，它现在显示在网页上了。首先，你在主页上显示‘这里是正文’，页面顶部的标签显示‘我的一个页面’。

给0基本网络安全伙伴：HTML——基本语法和结构

最后，如果想进入网络安全基地，请关注@安全人才培养计划@渗透测试训练营