这是我参与「第五届青训营 」笔记创作活动的第1天
通过今天的[前端与HTML]视频课，一步一步逐渐加深了对前端的认识。
我把今天的知识进行了整理，内容如下：
1. 初识前端
什么是前端？前端主要就是解决GUI人机交互问题的一种技术，它是跨终端的一种Web技术栈。而前端技术栈主要分为HTML(内容)，CSS（样式）以及JavaScript（行为）。开发中，我们应该注意美观，兼容，性能，功能，安全等部分。前端是一个发展非常快的领域，现在不仅仅知识写页面，能使用nodejs写后端，通过WebRTC把其他语言也呈现在网页上等等。前端开发中，主流的浏览器有Edge，chrome,firefox,而编辑器就看大家喜欢使用哪款就用那个吧，我喜欢用VS code哈哈。
2.HTML及其语法。
什么是HTML呢，简单来说就是一门语言，叫超文本标记语言（Hypertext Markup Language）。超文本就意味着不仅仅局限于文本，还包扩图片，链接，视频，音频等等。
HTML语法：
注意事项：
- 标签和属性不区分大小写，但推荐小写。
- 空标签可以不闭合，比如 input、meta。
- 属性值推荐使用双引号包裹
- 某些属性值可以省略，比如 required。
一些常见的标签：
- 标题h1~h6 例子：
2. 列表标签，分为ul无序列表，ol有序列表以及自定义列表dl。
例子：
3.链接标签a,其跳转作用
例子：
4.图片标签img，插入图片使用
例子：
5.音频标签audio，在页面中插入一个音频播放器
例子：
6.video视频播放器
例子：
7.一些表单控件
例子:
还有许多其他标签我就不一一介绍了，大家可以去MDN 看文档。
3. HTML语义化。
语义化指，HTML中的元素、属性及属性值都拥有某些含义，而开发者应该遵循语义来编写HTML
那我们可以怎么实现语义化呢？
- 了解每个标签和属性的含义
- 思考什么标签最适合表示这个内容
- 不适用可视化工具生成代码
