2020-03-05

1 palte   2   bento   3   #fancy   4   place apple   5   #fancy pickle 6  .small

c/s架构特点：

1 软件使用前必须安装

2 软件更新时，服务器和客户端的同时更新

3 c/s架构的软件不能跨平台

4 c/s架构的软件客户端

b/s架构特点：

1 软件不需要安装，直接使用浏览器访问指定网址

2 软件更新时，客户端不需要更新

3 b/s架构软件可以跨平台

4 b/s架构软件，客户端和服务器之间通信采用的是     HTTP协议相对来说不安全

软件开发流程：

1 设计网页      2 设计静态网页     3 将静态网页改为动态

前端三大块

HTML结构(Hypertext Markup Language)：

注释：

文本：相当于记事本李写的文字，用于展示信息

超文本标记语言：超越了文本仅仅展示信息的功能范畴，泛指图片，有样式的文字，点击跳转页面的文字

语言：工具

标记：标签

HTML是由标签所组成的语言，能展示文本效果

HEML是用来写网页的，是设计页面的基础

HTML语言的特征：

HTML代码是由头和体组成

根标签

中存放的都是网页的说明性内容，例如标题

HTML文件的扩展名为html或htm

HTML文件又浏览器直接解析执行，无需编译，直接由上到下依次解析执行

HTMl标签通常又开始标签组成

例如：内容体

没有内容体的标签叫空标签(字节数标签)例如
换行标签

HTML标签不区分大小写，建议小写

标签属性：属性名="属性值"

HTML标签包裹嵌套，不建议

字体标签和格式化标签

字体标签，修饰文字样式

文字

size：字体大小最小1，最大7

color：字体颜色，使用英文red，使用16进制#ff00ab

face：字体，

H5文档声明：

为了避免进入怪异模式，一定要写文档声明，放在最上

字符集处理乱码：

格式化标签：

换行标签

段落标签，划分段落，自动短前和段后有空行

    align：段落内容对齐方式

    right右

    center居中

标题标签

其中

最大

最小

---

生成一条水平线

实体的语法：实体的名字

<  <

>  >

版权符号  ©

空格     HTML源码中的多个空格会合并成一个，可以用 写多个空格

HTML注释:

图片标签

    src:图片的路径(必有属性)

    width：图片宽度

    height：图片高度

    默认单位是px(像素) width=“200px”；

    百分比设置，父标签的百分比，会随着动态改变width="50%";

路径的写法：

    内网路径

        绝对路径：不建议使用

                    src="D:/1911/hello/abc/2.gif"

        相对路径："../2.gif" ../表示上一层目录，./表示当前目录

                    src="../2.gif"

超链接

互联网路径：

 CSS表现：

JS行为：