这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
【道阻且长，行则将至；行而不辍，未来可期。】
一、本堂课重点内容：
- 介绍HTML
- HTML语法以及常用的标签
- 语义化
二、详细知识点介绍：
2.1 什么是前端？
使用web技术栈，解决多端（PC/移动浏览器、客户端、小程序、VR/AR等）图形用户界面下人机交互问题，其中在前端领域内，会对展示的内容构成进行划分：html(内容) + css(样式) + js(行为)。
2.2 HTML是什么？
浏览器会对HTML进行解析，将其解析成DOM树。
2.2 HTML语法及常用标签
HTML语法：
- 标签和熟悉不区分大小写，推荐小写
- 空标签可以不闭合，如input、meta
- 属性值推荐使用双引号包裹
- 某些属性值可以省略，如required、readonly
常用的HTML标签：标题h1~h6、链接a、输入input、图片img、文字p等
具体各标签效果及使用方法可查阅【第三部分实践练习例子】
2.3 HTML语义化
语义化是什么？HTML中的元素、属性及属性值都拥有某些含义。 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码，同时让浏览器的爬虫和机器能很好地解析。
三、实践练习例子：
课程中的代码练习： codepen.io/qw-null/pen…
四、课后个人总结：
通过本节课程对之前学习的HTML知识进行了回顾，了解了一些其他的HTML知识，非常好。 自己对于HTML掌握尚可，今后代码编写过程中应注意避免大量使用div标签，注意HTML语义化，选择合适的标签，便于代码阅读与维护。
五、引用参考：
