前端 【HTML】标签学习（上.1）

（Hello，大家好，今天我们继续来学习HTML的相关知识，大家可以在评论区进行互动答疑哦~）

目录

一.HTML语法规范

1.1  基本语法概述

1.2  标签关系

二.HTML基本结构标签

2.1  第一个HTML文件

2.2  基本结构标签总结

三.开发工具

3.1  vscode使用

​编辑

3.2  常用的插件

3.3常用快捷键 

3.4vscode工具生成骨架标签新增代码解释

文档类型声明标签

lang语言种类

字符集

一.HTML语法规范

（目标：能够说出标签的书写注意规范）

1.1  基本语法概述

HTML标签是由尖括号包围的关键词  eg: HTML标签通常是成对出现的，eg:, 称为双标签，第一个标签是开始标签，第二个标签是结束标签有些特殊标签必须是单个标签(极少情况) eg:
 称为单标签

1.2  标签关系

包含关系 和 并列关系

包含关系（父子关系）：                             

                                                             

                                                 

  

并列关系（兄弟关系）：

二.HTML基本结构标签

（目标：能够写出HTML骨架标签）

2.1  第一个HTML文件

每个网页都会有一个基本的结构标签(也称为骨架标签)，页面内容也是在这些基本标签上书写HTML页面也称为HTML文档

标签名    定义说明 HTM标签页面中最大的标签，我们称为根标签文档的头部注意在head标签中我们必须要设置的标签是title文档的标题让页面拥有一个属于自己的网页标题

文档的主题元素包含文档的所有内容，页面内容基本上是放到body里

HTML文档的后缀名必须是.html或.htm,浏览器的作用是读取HTML文档，并以网 页的形式显示出它们，此时，用浏览器打开这个网页，就可以预览。

2.2  基本结构标签总结

     

                 （网页标题）

     

     

              主题内容

     

注释：

最大标签，根标签文档头部