HTML 基本结构

为什么要学习 HTML 基本结构？​
因为，你以后编写的每一个网页都是以HTML的基本结构为基础。因此，HTML 基本结构是 HTML 语言必学内容。​
本课程通过通俗易懂的语言及小案例帮你快速掌握 HTML 基本结构，并使用网页开发神器VSCode 实现简单的网页​

第一关：HTML 标签语法规范

本门文程我们学习 HTML 的基本结构。

在正式学习之前，我们需要先明确一个问题，为什么要学习 HTML 基本结构？​

因为身为开发人员，你以后编写的每一个网页都是基于 HTML 的整体结构。所以说，HTML 基本结构至关重要。​

在此基础上，我们将学习标签的书写规范及注意事项，完成对于 HTML 基本结构的整体认知。​

最后，我将向大家介绍一个非常牛逼的工具-VSCode，其能够快速的编写 HTML 代码，提高开发效率，在实际工作中发挥重要作用。​

学完本课程，你将有如下收获：

（1）掌握 HTML 标签的书写规范以及注意事项​
（2）能够写出 HTML 骨架标签 ​
（3）能够使用 VSCode 工具开发网页​

1.网页文件创建

在讲解标签的具体语法规范前，我们首先要创建一个网页文件。​
说到文件，我们知道文件有类型，也就是有扩展名。例如，记事本文件，它的扩展名为：.txt。​

那么，网页文件的扩展名是什么呢？

网页文件的扩展名为：'.html' 或者是'.htm'。所以，看到以'.html'或'.htm'结尾的文件，就应该马上get到一个重要的信息：这是网页文件，可通过浏览器打开对应文件，查看具体的网页内容。​
但是，需要注意的是：不能随意创建网页文件！​

为什么呢？

因为一个网站包含众多网页，相对应的是也会有很多的网页文件；若随意创建，不利于后期管理。​

那应该如何做？

在桌面、D盘或E盘(当然，你也可以选择你喜欢的一个盘)中创建一个文件夹，将创建的网页文件都放在该文件夹中统一管理；后期即使文件再多，也能及时找到并易于分类管理。​

接下来，我们就创建第一个网页文件：

Step1：在电脑桌面上新建一个文件夹，命名为：MyWeb；

注意：后续创建的网页文件，均放在此文件夹中进行管理。该文件夹的名称，也可根据自身需求命名。​

Step2：在该文件夹内，创建一个文本文件，即扩展名为'.txt'的文件；文件可随意命名，此处命名为：index.txt。​

文本文件创建完成，如下图所示：

Step3：修改文本文件的拓展名；网页文件的扩展名为:'.html'或'.htm'，因此，需要将创建的文本文件拓展名改为网页文件的拓展名，即改变其类型。​

最终修改后的结果如下图所示，至此，网页文件创建完成：

可以看到，修改完扩展名，文件名前面出现了一个浏览器的图标；显而易见，我们创建的文件就是一个网页文件。​

双击该文件，通过浏览器就能打开该文件：

嗯~小朋友，此时你是否有很多问号？？？？怎么空白一片，没有任何内容？​

不要着急，这就是我们接下来要解决的问题啦！

不过，为了能够更好的解决问题，我们先对本小节内容做个回顾：​

（1）网页文件的扩展名为:'.html' 或'.htm'

（2）创建网页文件

（3）通过文件夹来管理创建的网页文件

2.HTML 标签语法规范

本小节我们来解决前边遇到的问题：向空白的网页文件内添加内容！​

Step1：选中‘index.html’文件，右击，在弹出的快捷菜单中，选择‘打开方式’--‘记事本’；​

注意：若没有记事本，可点击“选择其他应用（C）”，查找记事本工具。​

如下图所示：

Step2：打开 ’记事本‘，即可开始在记事本中编写 HTML 标签。​

HTML 基本结构​