本篇需要掌握的是：
1.认识HTML的结构，知道每一层结构的涵义，每个标签的涵义（例如：html 、meta、title等）；
2.掌握h1-h6，p,div,span,标签，并且明白块级元素和内联元素的区别；
3.知道开发时，标签应该写在哪，标签的用法；
1、首先打开vscode，新建一个文件夹，然后新建一个后缀为html（.html）的文件，开始第一个html页面~
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个的网页</title>
</head>
<body>
<h1>我的第一个标题</h1>
</body>
</html>2、在vscode的html文件中写完如上代码片段，就可以在浏览器运行这个文件了，PS（谷歌，火狐浏览器都可），下图为运行结果
下面来逐一看一下，上述代码的涵义
<!DOCTYPE html> 声明为 HTML5 文档,指定文档类型为 html ，为了让我们浏览器更好的解码我们的网页，避免出现未知异常
<html>这是必要标签，全文有且仅有一个，是整个HTML主体，所有子标签必须写在内部。
<head>元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
<title>这个标题显示的位置是我们浏览器的标题栏里，即运行结果中的“我的第一个的网页”
<meta charset="utf-8">这个非常重要，charset指定了字符集编码，有常用的ASCll（美国使用的编码）、GBK（中国使用的编码）、UTF-8（万国码），只要开发时，就要声明UTF-8.否则代码中的中文会出现乱码
<body>元素包含了可见的页面内容。换句话说，就是以可见的效果显示给用户。
<h1> 元素定义一个大标题
最后，所有的标签都是成对出现的例如：<h1></h1>,开始标签和结束标签之间为内容
标签的写法：<标签>你想要写的内容</标签>下面介绍几个常用的标签
（1）h1-h6 定义html的标题
（2） p 定义html的段落
（3） div 为html中的块级元素
（4） span 为html中的内联元素内联元素：
又称为：内联元素、内嵌元素、行内元素、直进式元素
1、和相邻的内联元素在同一行;
2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变;
3、宽度就是它的文字或图片的宽度，不可改变
4、内联元素只能容纳文本或者其他内联元素
块级元素：
1、总是独占一行，表现为另起一行开始，其后的元素也另起一行显示;
2、宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
3、宽度缺省是它的容器的100%，除非设定一个宽度。
4、它可以容纳内联元素和其他块元素
3、总结
了解了内联元素和块级元素的区别之后，就能区分本文介绍的标签都是什么类型了。
本文标签块级元素：h1-h6、p、div
本文标签内联元素：span
看完这篇文章，知道html的结构，都是什么涵义，以及开发时，代码应该在哪些，介绍了，h1、h2、h3、h4、h5、h6、p、div、span标签，在自己的编辑器里分别写一下每个标签，看看有什么不同吧~希望读到这篇文章会对你有帮助~，有帮助请留下一个赞和关注(╹▽╹) ——————凡凡同学
