这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
1.前端技术栈
html负责内容，css负责样式，js负责行为。三者通过http协议与服务器端进行交互。
2.dom树
html会根据dom树把标签分为一个个dom节点，根据文档对象模型（DOM），每个 HTML 标签都是一个对象。嵌套的标签是闭合标签的“子标签（children）”。标签内的文本也是一个对象。
所有这些对象都可以通过 JavaScript 来访问，我们可以使用它们来修改页面。
例如，document.body 是表示 <body> 标签的对象。
运行这段代码会使 <body> 保持 3 秒红色状态:
document.body.style.background = 'red'; // 将背景设置为红色 setTimeout(() =>
document.body.style.background = '', 3000); // 恢复回去
一共有 12 种节点类型。实际上，我们通常用到的是其中的 4 种：
document—— DOM 的“入口点”。- 元素节点 —— HTML 标签，树构建块。
- 文本节点 —— 包含文本。
- 注释 —— 有时我们可以将一些信息放入其中，它不会显示，但 JS 可以从 DOM 中读取它。
3.一般的内容划分
dom树的所有操作都是从document对象开始的，它是dom的主入口点，从它我们可以访问任何节点。
例如：<body> = document.body
这样就能访问到body元素。
! 在dom的世界里，null就意味着不存在，或者没有这个节点。
4.html的语义化
- html中的元素，属性及属性值都拥有某些含义
+开发者应该遵循语义来编写html（有序列表就用ol（order李斯特）
5.html中的列表
1.ol（order list）
2.ul(unorder list）
3.dl（是一个定义列表）
6.html语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input，meta
- 属性值推荐使用双引号进行包裹
- 某些属性值可以省略
