一、软件构架

        C / S ，客户端 / 服务器一般我们使用的软件都是 C / S 架构：

       C ：表示客户端，用户通过客户端来使用软件；

       S  :  表示服务器，服务来负责处理软件的业务逻辑；

       特点 ： 软件使用前必须安装；

                    软件更新时，服务器和客户端得同时更新；

        C / S ： 架构的软件不能跨平台使用

        B / S ： 本质上是C / S，只不过B / S构架的软件，以浏览器为软件客户端

       B / S ： 浏览器 / 服务器

       特点 ： 软件不需要安装，直接使用浏览器访问地址即可；

                    软件更新时，客户端不需更新软件也可跨平台，只要系统中有浏览器就可使用；

二、前端三大块

       根据W3C标准，一个网页主要由三个部分组成：结构、表现和行为。

      结构：HTML用于描述页面结构；

     表现：CSS用于控制页面中元素的样式；

     行为：javaScript用于响应用户操作；

三、注释

     <!-- -->；

四、文档声明

     <DOCTYPE html>；
五、字符集

     元素：我们将一个完整的标签称为元素；

     进制：二进制、八进制、十进制、十六进制；

     编码和解码所采用的规则，我们称为字符集；

     常见的字符集：

     ASCII、ISO-8859-1、GBK、GB2312（中文系统的默认编码）、UTF-8、ANSI；

     产生乱码的根本原因：编码和解码采用的字符集不同；在中文系统的浏览器中，默认都是使用GB2312进行解码的；

六、常用标签

     <h1></h1>；

     <h2></h2>；

     <h3></h3>；

     <p></p >；

     <br />；

     <hr />；

七、实体

     <    &lt；

     >    &gt;

     空格     &nbsp；

     版权符号    &copy；

八、图片

     < img src=图片路径加图片名称加图片格式 alt=备注字节   height=500px   loading =lazy />

九、meta标签

     属性：charset 可以设置 字符集的解码；

                 name = keywords content = 网站的关键字，让搜索引擎进行解锁的；

                   name = description content =网站的简介；

                    http-equiv = refresh  content = 要等待的时间数;时间到后跳转的网站；

十、iframe标签（引用外部的文件）内联框架：

                           属性 : src=要引用文件的路径；

十一、<a> 超链接:

             属性: href = 一个完整的网址，或者一个路径；

                         target = _self 在当前窗口打开(默认值)；

                       target = _blank 在新的窗口打开；

十二、块元素和内联元素：

                 块元素：div p h1-h6 ul li；

                内联元素：(行内元素） a img span iframe；