通常情况下，现在的软件一般由两部分组成：
-
客户端：用户通过客户端来使用软件
-
客户端的形式
-
文字客户端：通过命令行来使用软件
-
图形化界面：通过点击拖动等来使用软件。例：Windows中，MacOs中，Android，IOS中的大部分应用
-
网页：通过访问网页来使用软件。所有的网站都属于这一范畴（B/S架构）。网页使用的语言：HTML、CSS、JavaScript
-
服务器：服务器负责在远程处理业务逻辑
-
服务器开发的语言
-
Java
-
PHP
-
C#
-
Python
-
Node.js
浏览器/服务器（B/S）
- B/S本质上也是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端
- B/S架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议
客户端/服务器(C/S)
C/S架构的软甲客户端和服务器通信采用的是自有协议，相对来说较为安全
万维网联盟（W3C）：为了制定网页开发的标准，以使同一个网页在不同的浏览器中有相同的效果
根据W3C标准：一个网页主要由三部分组成：结构、表现、行为
- 结构：HTML用于描述页面的结构（人体骨架）
- 表现：CSS用于控制页面中元素的样式（皮肤美化）
- 行为：JavaScript用户响应用户操作（行为）
<!--文档声明 声明当前网页的版本-->
<!doctype html>
<!-- html为根标签 网页中的所有内容都要写在根元素里边-->
<html>
<!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或者搜索引擎来解析网页-->
<head>
<!-- 可以通过meta标签来设置网页的字符集，避免乱码问题 -->
<meta charset="UTF-8">
<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容-->
<title>Hello World!</title>
</head>
<!--body是html的子元素，表示网页的主体，网页中的所有可见内容都应写在body里-->
<body>
<!--属性，在标签中（开始标签或自结束标签）还可以设置属性
属性是一个名值对（x=y）
属性用来设置标签中的内容如何显示
属性和标签名或其他属性应该使用空格隔开
属性不能瞎写，应根据文档中的规定来编写
有些属性有属性值，有些没有
有属性，属性值应该使用引号引起来
-->
<!--
文档声明（doctype）
文档声明用来告诉浏览器当前网页版本是html4还是html5
--html5的文档声明
<!doctype html>HTML不区分大小写
-->
<!--
进制：
二进制:八个格（位）等于一字节
8bit=1byte
1024byte=1kb
1024kb=1mb
1024mb=1gb
1024gb=1tb
1024tb=1pb
最小创作单位1字节
-->
<!--
字符编码：-编码：字符转为二进制码
-解码：二进制码转为字符
-字符集：编码和解码所采用的规则成为字符集
-常见的字符集：
ASCII
ISO88591
GB2312
GBK
UTF-8（万国码）
-->
<!-- h1网页的一级标题-->
<h1><font color="red" size='7'>Hello</font> World!<h1>
<!--
HTML的注释
标签一般成对出现，但是也存在一些自结束标签
注释不可以嵌套
-->
<img>
<img />
<input>
<input />
</body>
</html>
