这是我参加青训营笔记创作活动的第一天。
青训营的第一天是韩老师讲解的。
## ## 什么使前端？前端就是用Web技术栈解决人机交互的问题，与人接触的页面，这个页面是与人交互的，前端的定义是广义的，包括PC/浏览器，客户端小程序等。
前端比较容易入门。学习前端得准备一个浏览器和编辑器。 我用的浏览器是edge，编辑器是vscode。我从网络上找了找教程，安装了vscode。vscode界面图下图所示。
学习前端需要准备浏览器，想Internet、Chrome、Firefox等都可以，需要准备编辑器像VSCdoe，Vim，WebStorm都可以。
我用的浏览器是edge，编辑器是vscode。我从网络上找了找教程，安装了vscode。vscode界面图下图所示。
HTML是什么？
HTML不是编程语言，它的全称是Hyper Text Markup Languge，可以理解是一种标记语言。
下面正式开始进入vscode编程界面
在编程界面写上这个是兼容html5的，html标签是所有标签的根标签，所有的标签都是写在html这个标签里面里面的。 html包括head和body，即标题和正文。vscode程序如下图所示，设置网页的标题。body标签是给用户呈现的标签的。
浏览器界面如下图所示：
首先是h标签，这个表示标题，一共有6个，h后面的数值越小，代表这个标题字号越大。程序如下图所示，
浏览器效果如下图所示
浏览器会把程序解析为DOM树，如下图所示
HTMl语法
标签和属性不区分大小写，推荐小写。
空标签可以闭合不写，比如input、meta。
属性值推荐双引号包裹。
某些属性值值可以省略，比如required、reandony
打开链接如下图，决不摆烂这句话就是打开一个新窗口的链接
<a href="baidu.com"target="_blank">决不摆烂这句话就是打开一个新窗口的链接
，效果如下图。
点击这个链接就可以跳转到百度官网。
使用css修饰
html会有一个问题，如下图
选中标题，发现的上下页边距是固定的，要想改变这个页边距得用css美化。
