前端学习1
1.前端3大件：
HTML结构 CSS 样式 JavaScript交互
2.什么是前端：
前端又名Web前端，用来给用户呈现一个一个的网页
3.什么是HTML页面？
HTML超文本标记语言：
超文本：文本 声音 图片 视频 表格 链接
标记：由许许多多的标签组成
HTML页面是运行到浏览器上面的
4.vscode环境的搭建：
（1）首先vscode，它是企业开发前端的时候非常常用的一个开发工具
（2）安装vscode，安装好了之后再安装一些插件：
Auto Rename Tag
view-in-browser
Live Server
5.编写第1个HTML页面
前提：记事本上编写代码，编写好之后ctrl+s保存，注意以.html为结尾保存该文件。将其打开后的这个页面，你会发现并没有标签（如下图1），只有字符串hello world，那么这样就不是一个标准的html页面：
图1
效果：直接在浏览器上输出hello world
6.解释
图2
- 每个尖括号代表的是 html里的标签。
- 括号里写的内容叫标签名。
- 像<html>...</html>这种被称为是双标签，即：有开始有结束，例如：head title body html
- 单标签：上图没有出现，后续再讲
- html页面是由许多标签组成，标签里面是有它的内容和属性，所有的标签都是以html为根标签为基准
- 其中html是html文件的根标签
- 其中head是用来编写页面相关的属性
- 其中tltle代表 页面标题
- 其中body代表 页面内容展示信息
你可以将上图内容看作为是一DOM树（如下图3），其中head可以被认为成是一个子标签(所有的标签都是可以被认为成是html的子标签)
图3
其中head和body是兄弟标签，head和title是父子标签（如上图2）
其中每一个标签相当于是一个对象，程序员可以通过代码拿到这些对象，拿到之后就可以对这些对象进行增删查改
7.当重新在记事本里写：
图4
再次打开.html结尾的文件，刷新后如下图5：
图5
你可以与图1作对比，相比之多了页面标题
8.VScode如何快速生成代码？
一般固定的框架是：
图6