这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是前端开发
前端开发是一个很广泛的用语，具体的定义难以给出，但粗略的说，与用户交互的所有界面都可以称之为前端。 本次青训营中，我们将重点对其中发展最迅速的web前端进行学习。
B/S开发模式与Web前端
通常来说，用户通过安装在本地的浏览器访问远程服务器中的网页，这被称之为Browser/Server(B/S)模式。在这样的一套运行模式下，Web前端人员的主要目的就是开发浏览器网页，也就是Web网页。
超文本标记语言HTML
HTML是用于描述网页结构语言，虽然它不是编程语言，但它能够通过各个标签的相互套嵌来准确的描绘出网页的基本结构，学习HTML正是Web前端开发人员的第一步。
整体结构
下列代码是一个最简单的HTML模板
<!DOCTYPE html>
<html lang="ch-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript学习</title>
</head>
<body>
</body>
</html>
在这之中，不难发现html标签存在两种形式，第一种是双标签，例如<html></html>这一类的，另一种是单标签，如<meta>这一类的。也许html的诸多标签让人眼花缭乱，但我们接下来会逐个解析标签的作用。
各个标签
第一行<!DOCTYPE html>用于声明书写网页的语言，实际上，除了html之外也存在其他标记语言例如pug，这里就不详细展开了。
html
<html></html>是整个网页的根标签，用于覆盖整个网页。在其中有着名为lang的属性，用于为浏览器标明语言（如中文ch-CN，英文en等）。
head
<head></head>是整个网页的标头，在这里我们会进行一些网页的配置，比如其中的<meta>标签从上到下分别就有着调整文字编码，适配浏览器视口，以及对移动端做调整的功能。在之后我们学习css时也会往之中添加新的标签。
body
<body></body>标签是我们的内容标签，我们将在这里写下各种标签来构建整个网页。body标签是调整网页结构最重要的模块。
总结
通过本次学习，我们清楚的知道了什么是html，也简单了解到了一些标签的作用，相信在未来，我们的对前端开发的认识将会更加深刻。
