一、软件构架：
一般我们使用的软件都是 C / S 架构
C 表示客户端，用户通过客户端来使用软件
S表示服务器，服务来负责处理软件的业务逻辑
特点：
软件使用前必须得安装
软件更新时，服务器和客户端得同时更新
B/S，浏览器/服务器
B/S本质上也是C/S，只不过B/S构架的软件，以浏览器为软件客户端
特点：
软件不需要安装，直接使用浏览器访问指定的网址即可
软件更新时，客户端不需要更新
软件可以跨平台，只要系统中有浏览器，就可以使用
二、前端三大块：
根据W3C标准，一个网页主要由三部分组成：结构、表现还有行为。
结构：
HTML用于描述页面的结构
表现：
CSS用于控制页面中元素的样式
行为：
JavaScript用于响应用户操作
三、注释：
HTML注释中的内容不会在网页中显示
格式：<!-- 注释内容 -->
合理的使用注释可以帮助开发人员理解网页的代码
注释不能嵌套
四、文档声明：
我们使用的是html5的文档声明：
<!DOCTYPE html>
五、字符集：
元素：我们将一个完整的标签称为元素
进制：二进制，八进制，十进制，十六进制
编码和解码所采用的规则，我们称为字符集
常见的字符集：
ASCII、ISO-8859-1、GBK、GB2312（中文系统的默认编码）、UTF-8、ANSI
乱码：
为了页面更好的使用性，我们一般使用utf-8
在html5中只需要使用meta标签即完成这个任务：
<meta charset="utf-8" />
产生乱码的根本原因，编码和解码采用的字符集不同；在中文系统的浏览器中，默认都是使用GB2312进行解码的
六、常用标签：
<heml> 标签有于告诉预览器这个文档中包含的信息是用HTML编写
<head> 标签用来表示网页的元数据、
<title> 标签表示网页的标题
<body> 标签用来设置网页的主题
<h1>~<h6> 都是网页中的标题标签
<p> 标签表示网页中的一个段落
<br />标签表示一个换行标签
<hr /> 标签是水平线标签
七、实体:
< <；
> >
空格  ；
版权符号 ©；
八、图片：
<img src='图片路径加图片名称加图片格式' alt='备注字节' height=‘500px’ loading =‘lazy’ />
