这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
青训营的第一课学习了前端与HTML的基础知识。
一、本节课重点内容：
1. 什么是前端 2. HTMl基本语法 3. 编写HTML遵循的原则二、详细知识点介绍
1. 前端的目的：解决GUI人机交互的问题
2. 前端技术分层：HTML负责内容，CSS负责样式，JavaScript负责行为
3. 前端关注方面：关注方面：功能、美观、安全、性能、无障碍、兼容、体验
4. 一个HTMl文档开头为
```<!idoctype html>
它可以决定使用渲染格式
5. html为根标签，而head决定页面元数据：编码类型、标题
6. DOM树是根据HTML代码生成的树状图，每一个节点被称为树状节点
7. 语法：不缺分大小写，推荐小写，空标签不闭合，属性值用双引号包裹，部分属性值可省略
8. 列表的多钟写法: 有序列表符号为ol，li; 无序列号符号为ul，li。前后顺序无关时使用; 定义列表符号为dl，dt，dd，在需要标明属性时使用。
9. 常用内容：audio、video controls 表示音频需要显示默认播放按钮
input placeholder = 请输入用户名
type = range 范围（横条型选择）
type = number min = ? max = ? 数值选择
type = date min = ? 日期选择框
10. 我们需要遵循语义化的原则来编写HTML，有多个有点：规范，便于维护； 无障碍性； 搜索引擎优化。
三、总结与思考
第一节课教授的主要内容为HTML，但相比之下，这节课对前端的定义，以及对HTML、CSS、JavaScript的定位更为重要。
