这是我参与「第四届青训营」笔记创作活动的第1天，也是我在第四届青训营上的第一节课《前端与HTML》的课堂笔记。
本节课主要围绕以下几个内容展开的：
1. 前端是什么？
前端在官方的定义是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的页面。通俗来说，就是网页给来访问的人所看到的内容和页面。前端解决了GUI人机交互的问题，实现了跨终端（例如PC/移动浏览器、客户端/小程序、VR/AR等），提供了多种Web技术栈。
2. 前端的技术栈
服务器端与前端的三个部分（即HTML、CSS、JavaScript）通过网络协议进行数据交互。
3. 前端的关注点
前端的关注点不仅仅局限于代码功能实现，还包括界面美观、性能优化、安全使用、兼容性强、用户体验感好等等其他关注点。
4. HTML的基本结构
1） 文档类型声明：用于说明该文档是html文档。
2） <html>标签对：分别位于html文档的最前面和最后面。
3） <head>标签对：它是html文档的头部。
4） <body>标签对：它是html文档的主体部分。
5. HTML的语法
1） 标签和属性不区分大小写，推荐小写
2） 空标签可以不闭合，比如input，meta
3） 属性值推荐用双引号包裹
4） 某些属性值可以省略，比如required、readonly
6. 常用的HTML标签
1)标题标签
如图所示，从h1标签到h6标签，字体大小越来越小。
2）列表标签
如图所示，ul标签为有序标签，ol标签为无序标签，dl标签为自定义标签。
3）链接标签
如图所示，a标签为html的超链接标签，用于页面跳转等多种功能。
4）输入标签
如图所示，input标签可以用于文本输入框、密码输入框、文件选择框、单选框、复选框等等。
5） 图片、音频、视频标签
如图所示，img为图片标签，audio为音频标签，video为视频标签。
HTML的标签肯定不仅仅只有这些，还有许许多多的标签等着我们慢慢去学习。
7. HTML的语义化以及语义化的好处
1）HTML的语义化是HTML中的元素、属性以及属性值都拥有某些含义；开发者应该遵循语义来编写HTML。
2）语义化的好处：可以提高代码可读性、可维护性、搜索引擎优化以及提升无障碍性。
