这是我参与「第四届青训营」笔记创作的第一天，也是第一篇笔记
```此篇文章是对前端三大部分之一的HMTL，进行综述
一，什么是前端？
1.解决GUI人机交互问题
2.跨终端
-
pc/移动浏览器
-
客户端/小程序
-
VR/AR等
3.Web技术栈
二，前端技术栈
前端技术栈三大部分：HTML（内容），CSS(样式），JavaScript(行为）
这三大部分都是在浏览器里边，浏览器通过HTTP协议和服务器进行通信。
那前端应该关注哪些方面呢？
1.功能：是否满足了用户需求
2.美观：页面是否整洁美观
3.无障碍：是否对于色盲友好
4.安全：页面数据是否安全，有没有BUG
5.性能：速度是否流畅
6.兼容性：是否能在移动端和pc端各种设备上使用
要做出一个好产品，需要学习各方面东西
前端的边界：现如今前端能做的远不止于单纯页面，比如node.js开发服务器端的运用、electkon开发客户端的运用、React Native的P2P在线传输，实现多人会议。
开发环境
浏览器：IE Chrome Firefox Safari
编辑器：VSCode Vim WebStorm
三，HTML是什么？
HyperText Markup Language
其中src是属姓名，photo.jpg是属性值
这是一个完整HTML代码例子，如果将HTML代码解析成DOM树
HTML语法
-
标签和属性不区分大小写，推荐小写
-
空标签可以不闭合
-
属性值推荐用双引号包裹
-
某些属性值可以省略，比如required,redonly
语义化是什么？
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
谁在使用我们写的HTML
- 开发者-修改、维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-给盲人读页面内容
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
四，HTML案例实践
在HTML中常用到的元素
<b></b>和<strong></strong>加粗文字 <i></i>文字倾斜 <em></em>文字倾斜，表强调 <s></s>删除线 <del></del>删除文字，表过时 <u></u>给文字加下划线 <sub></sub>添加下标 <sup></sup>添加上标 <small></small>添加小号文字 <h></h>标题
<ul></ul>无序列表
<ol></ol>有序列表
标题h1~h6
列表
<ol>属于有序列表
<ul>属于无序列表
<dl>属于自定义列表
<dd></dd>属于自定义列表中的值
一些常见标签
