客户端(饭店的服务员),以能被看见的形式呈现
客户端的形式：
文字客户端
图形化界面(C/S)
网页（B/S架构)
相比与传统的图形化界面，网页具有的优点：
网页中使用的语言：HTML， CSS，JavaScript等
服务器(饭店的厨师)
服务器开发的语言：
Java(最主要)
Node.js等
蒂姆.伯纳斯.李，万维网的发明人，1991年，第一个服务器和第一个网站在欧洲核子研究中心上线。
前端工程师负责编写网页的源代码，浏览器负责将网页渲染成我们想要的样子。
前期网页编写很混乱，没有一个统一的标准，后来建立了W3C(万维网联盟)，负责制定网页开发的标准。
根据W3C的标准,网页由三个部分组成：
超文本标记语言。负责网页的结构。
纯文本编辑器内写的东西叫文本（代码也是），只能写字。
HTML使用标签的形式来标识网页中的不同组成部分。
<!--标题标签-->
<h1>title</h1>
<!--段落标签-->
<p>content</p>
网页中所有的内容都应该写在标签里面，一个网页中有且只有一个html标签。
<html>
<!--head内的东西只有浏览器看，不会出现在网页中-->
<head>
<title>网页标题，出现在标题栏
</title>
</head>
<!-- 网页中的所有可见内容写在这里-->
<body>
</body>
</html>
建议安装一个Notepad++,编写代码。
<!--注释，注释中的内容是对代码进行解释说明，不会呈现在网页中，注意注释不能嵌套-->
<!--
注释内容
-->
<!--标签一般成对出现，但也有自结束标签，这种标签没有结束标签-->
<img>
<input>
<!-- 或者这种写法-->
<img/>
<input/>
标签表示字体,size是一个属性，表示字体大小，现在已经不推荐使用。
在标签中可以设置属性，属性是一个名值对(x=y),属性用来设置标签中的内容如何显示，属性和标签名或其他属性使用空格隔开，有些属性有属性值，如果有属性值，应该用引号引起来,这里的blue就是属性值，color就是属性
<h1>这是我的<font color= "blue" size = ‘5‘>第三个</font>网页</h1>
网页在发展过程中，产生了很多不同的版本，所以需要用文档声明告诉浏览器当前使用的HTML版本。
<!Doctype HTML>
<html>
<head>
<title>网页的标题</title>
</head>
<body>
网页的内容
</body>
</html>
进制：
把内存想象成一个有多个小格子组成的容器，每个小格子可以存放0或1,一个小格子称为1bit,8个小格子称为一个字节。
8bit = 1 byte(字节)
1024byte = 1kb(千字节)
1024kb = 1mb（兆字节）
1024mb = 1gb（吉字节）
1024gb = 1tb（特字节）
注意编码问题
所有的数据在计算机中存储时都是以二进制形式存储的，文字也不例外。
所以一段文字存储到内存中，需要转换成二进制编码，当我们读取这段文字时，需要将编码转换成字符。
编码:将字符转换成二进制码的过程称为编码
解码：将二进制码转换成字符的过程称为解码
字符集（charset）：编码与解码所采用的规则
乱码问题：编码和解码采用的字符集不同就会产生乱码问题
常见的字符集：
可以通过meta标签来设置网页的字符集，避免乱码问题。搜索引擎会主要根据title中的内容判断网页的主要内容。
title中的内容会显示在浏览器的标题栏，
<!Doctype HTML>
<html>
<head>
<meta charset="utf-8">
<title>网页的标题</title>
</head>
<body>
网页的可见内容
<h1>
网页的大标题
</h1>
</body>
</html>
主要参考以下两个文档
使用工具而不是依赖于工具。
注释快捷键:ctrl + /
标签快捷键：标签 + tab
原文：https://www.cnblogs.com/lijinbudaily/p/13655103.html