这是我参与「第五届青训营 」笔记创作活动的第一天 这节课主要围绕“前端要解决的基本问题”及“什么是 HTML”两个基本问题展开 课程重点：1.前端工作的定义 2.前端技术拆解与分析 3.HTML作用解析 4.HTML语义化
1.前端工作的定义 解决图形页面下的人机交互的问题，无论面对什么设备（PC/客户端/vr等等），都是使用HTML、CSS、JS以及http网络协议来解决人机交互的问题。
2.前端技术拆解与分析
浏览器可以通过HTTP协议和服务器进行通信，把前端的那些代码渲染成用户看到的页面；浏览器也可以把用户填写的内容通过HTTP协议提交到服务器端，因此JavaScript、CSS、HTML组成最基础前端的技术栈。
3.HTML作用解析
html 文档根标签 其它内容全写在它下面
head 页面需要的源数据但不需要直接呈现给用户的元素
body 需要呈现给用户的真实内容
HTML语法：标签和属性不区分大小写，推荐小写
空标签可以不闭合，属性值推荐用双引号包裹
标签：H1~H6默认字越来越小
ol：有序列表
ul:无序列表
dl: 定义列表
/a:链接
img:图片
audio>:音频
video>:视频
input>:输入
input type="checkbox">:单选
input type="radio">:多选
select>:下拉选择
4.HTML语义化
语义化的好处：对团队来说提升了代码的可读性 可维护性，对于搜索引擎来说提供了一个优化，提升了页面的无障碍性。
如何做到语义化：1.了解每个标签和属性的含义；2.思考什么标签最适合描述这个内容；3.不使用可视化工具生成代码。
课后总结：本节课老师对于HTML进行了一个详细的解读。我认为要使用好HTML，了解每个标签和属性的含义尤其重要，在使用的过程中，尽量实现语义化，提升代码的可读性。
