这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天，今天早上听了由赵文博老师讲授的关于前端和HTML的相关知识，以下为上课时做的笔记，分享如下：
1.什么是前端：
前端即创建web页面和APP前端界面呈现给使用者的过程，通过HTML（内容）、CSS（样式)、JavaScript(行为）以及繁衍出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。解决GUI人机交互问题等等。
2.前端的边界：
- 可以利用node.js 开发服务器端的应用；
- 可以利用elecron和 RN 开发客户端的应用；
- 可以利用WebRTC进行P2P的在线传输，实现多人会议等；
- 可以利用WebGL开发3D游戏等；
- 可以利用WebAssembly将其他C++等语言编写成可以直接在浏览器中运行的代码。
3.什么是HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。是制作超级文本文档的简单标记语言，可以从一个平台移植到另一个平台，通常用于制作网页。html文件是asci文本，包括格式标记和超级文本链的嵌入代码。
- HTML的语法：标签和属性不区分大小写，推荐小写。 空标签可以不闭合，比如input,meta。属性值推荐用双引号包裹。某些属性值可以忽略，比如required,readonly.
- 代码风格
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
- 语义化是什么:HTML中元素、属性、属性值都拥有某些特定的含义。开发者应该遵循语义来编写HTML。有序表用OI，无序表用UI。lang表示内容所使用的语言。
- 语义化的好处：1.代码可读性；2.可维护性；3.搜索引擎优化；4.提升无障碍性。
- 如何做到语义化：1.了解每个标签的属性和含义；2.思考什么标签最适合描述这个内容；3.不使用可视化工具生成代码。
4.DOM树：
5.最后：
如有错误，请及时指正，非常感谢
