这是我参与「第四届青训营 」笔记创作活动的的第1天
一、前端是什么？
- 解决 GUI 人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR 等
- Web 技术栈
前端，又称Web前端。 是指计算机Web应用程序（网站）的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。
二、前端需要学习的地方？
1、前端需掌握的基本技术
- HTML
- CSS
- JavaScript
2、前端的职能
- 开发WEB前端：负责WEB前端开发任务，进行公司前端产品组件的设计、规划及开发；
- 设计、优化整体页面结构及样式层结构：负责整体页面结构及样式层结构的设计、优化；
- 制作优化代码：负责制作标准优化的代码，并增加交互动态功能；
- 与后台应用开发配合：持续的优化前端体验、页面响应速度和浏览器兼容性等工作。
3、前端需关注的方面
功能、安全、美观、兼容、性能体验、无障碍
4、前端的开发环境
浏览器：IE/Edge、Chrome、Firefox等
编辑器：VSCode、Vim、WebStorm、IDEA等
三、HTML
1、HTML是什么?
根据W3C标准，一个网页主要是由三个部分组成：结构（HTNL)、表现（CSS)和行为（JavaScript）。
- 结构（HTML）：用于描述页面的结构；
- 表现（CSS）：用于控制页面中元素的样式；
- 行为（JavaScript）：用于响应用户操作。
2、HTML的基本结构：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>\
</head>
<body>
主体内容
</body>
</html>
3、HTML的基本标签
<!-- 布局标签（结构化语义标签）
hrader表示网页的头部
main表示网页的主体部分（一个页面中只会有一个main）
footer表示网页的底部
nab表示网页的导航
aside和主题相关的其他内容（侧边栏）
article表示一个独立的文章
sectio表示一个独立的区块，上边的标签都不能表示时使用section
这些都是html5的
div没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
span行内元素，没有任何语义 ，一般用与网页选中的文字-->
<!--可以通过meta标签来设置网页的字符集，避免低级浏览器乱码问题-->
<!-- html列表标签一共3种：
1，有序列表
2，无序列表
3，定义列表
有序列表，使用ol标签来创建有序列表
使用li表示列表项
无序列表，使用ul标签来创建有序列表
使用li表示列表项
定义列表。使用dl标签来创建一个定义列表
使用dt来表示定义内容
使用dd来对内容进行解释说明
列表之间可以相互嵌套 -->
总结
通过本次学习，了解了前端是什么，前端的前景和需要学习的技术。对HTML也有一定了解，知道HTML的基本结构和标签。（如有不足之处，还请多多指教！）
