新电脑已经装好了。我不想走：”买前生产力，买后游戏机“前辈们的老路，所以我把电脑搬到了实验室，开始学习前端技术。
实验室是个好地方，电费不用自己出，还有空调和千兆内网，更重要的是不像图书馆——老是有人撒狗粮。为了督促我自己学习，我计划将我每天的内容整理，以学习日记的形式发布在互联网上。今天是第一期。——2019.12.28
这些学习资料来自B站的一位前辈，链接：https://www.bilibili.com/read/cv3560839/?spm_id_from=333.788.b_636f6d6d656e74.140
首先最基础的HTML技术，估计我要学一个多月......
第一节 软件架构：
现在我们我们所用的软件分为两种架构——C/S（Client/Server）和B/S（Browsher/Server),C/S架构是我们比较常用的一种。C表示客户端,用户通过客户端使用软件,S表示服务器，负责对用户上传数据逻辑处理。
特点：1.软件使用前必须安装客户端；2.软件更新时，服务器要与客户端同时更新；3.无法跨平台使用；4.服务器与客户端通信采用自有协议，安全性较高。
B/S架构中，B表示浏览器，B/S本质上也是C/S，只不过B/S架构师用浏览器做客户端，通过网页形式使用软件。
特点：1.软件更新时，客户端不用更新。2.软件无需安装，使用浏览器访问；3.可跨平台访问；4.浏览器与服务器之间采用公开的HTTP协议，安全性较低。但现在有一种https允许在HTTP协议基础上使用自有协议，保证安全性。
前端工程师将设计师的设计转化为代码，然后交给后端工程师，由他们编写服务器代码。我们需要与设计师沟通，需要与产品经理沟通，与后台工程师沟通。我们编写的网页会在整个项目的最前端由用户查看。
前端并不简单好学，入门比较简单，所学知识体量较大。选择做程序员就要不断学习，不断吸取知识。
第二节 学习内容：
结构（基石）：HTML用于描述页面的结构；（纯文本结构）
表现（美化）：CSS用于控制页面中元素的样式；（如字体颜色，大小等）
行为（交互）：JavaScript用于相应用户操作。（键盘输入，输出等）
学习工具：浏览器：Firefox，edge，Chrome；编辑器：记事本，NotePad++，HBuilder ；调试工具：fireBug 图片工具：PS
常识：W3C 万维网联盟（World Wid Web Consortium）为制定网页相关标准而成立。
第三节+第四节：
HTML（Hypertext Markup Language）超文本标记语言
超文本指的是超链接，使用超链接可以让我们从一页面跳转到另一个页面；
记事本只能对纯文本（单纯符号和文字）进行编辑，不能实际改变字体属性；对文本类型文件，可以通过更改扩展名来声明文本类型（注：win7以前只支持三位扩展名）。
HTML中标签成对出现，有开始便有结束。如一级标题"<h1>中间输入内容</h1>"
网页标准格式:
<html> <!-- 根标签 所有内容应写进HTML标签当中-->
<head><!-- 头标签，不会在网页当中直接显示，帮助浏览器解析页面-->
<title>网页标题 </title><!-- 标题标签 ，会显示在浏览器的标题栏中，搜索引擎在检索页面时，会首先检索title标签中的内容，影响优先级-->
</head>
<body>< !-- 主体标签 -->
<h1>我的第一个网页</h1> <!-- 一级标题,可到h6 -->
</body>
</html>
