这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天，第一节课讲的是前端和html的一些基础。
一.前端
（1）前端指的包括但不限于网页的设计，还体现在很多程序，人机交互，vr/ar的界面上。
（2）前端的技术栈一般由HTML，css，js组成，HTML体现在网页的内容上，css管理网页的样式，比如某一块内容的大小，颜色什么的，js主要管理的是用户点击某一块图标网页将会做出什么样的反应。
（3）前端不仅要关注界面的美观，性能，更要关注用户的体验，用户信息的储存是否安全等。
（4）前端的开发环境由浏览器和编辑器组成，浏览器一般IE/chrome/firefox等主流就可以，编辑器的话vscode/vim等都可以。
二.HTML
（1）HTML全称HyperText Markup Language，译为超文本标记语言，是可以在浏览器中由浏览器进行解析的一门语言。HyperText指的一般是图片，标题，链接，表格等。Markup Language指的是由某些特定标记来实现编辑页面的功能，比如<h1>可以实现一级文章标题，<img>插入图片，src表示属性名，等号右面引号中表示属性值。在一段HTML代码中，<!doctype html>是HTML5的标准网页声明，所有代码要写在<html>和<\html>之间。<head>之间写不需要展示在网页中的设置，如标题的名字，该网页所使用的字体转换格式等。在<body>部分写具体的网页内容。
（2）DOM树
是这个样子的，这种树状结构被称为DOM树，其中的每一个节点被称为DOM节点。
（3）HTML语法：1.标签和属性不区分大小写，我们一般推荐小写。2.空标签可以不闭合，比如常见的input和meta。3.属性值推荐使用双引号包裹。4.某些属性值可以省略，比如required和readonly。
（4）语义化：HTML中的元素，属性及属性值都拥有某种含义。开发者应遵循语义来编写HTML，为了让其他开发者，浏览器，搜索引擎，乃至盲人都可以流畅的使用我们的HTML。
