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>根标签
<head>中存放的都是网页的说明性内容，例如标题
HTML文件的扩展名为html或htm
HTML文件又浏览器直接解析执行，无需编译，直接由上到下依次解析执行
HTMl标签通常又开始标签组成
例如：<font>内容体</font>
没有内容体的标签叫空标签(字节数标签)例如<br/>换行标签
HTML标签不区分大小写，建议小写
标签属性：属性名="属性值"
HTML标签包裹嵌套，不建议
字体标签和格式化标签
<font>字体标签，修饰文字样式
<font color="blue" size="8">文字</font>
size：字体大小最小1，最大7
color：字体颜色，使用英文red，使用16进制#ff00ab
face：字体，
H5文档声明：
<!DOCTYPE html>
为了避免进入怪异模式，一定要写文档声明，放在最上
字符集处理乱码：<meta charset="utf-8" />
格式化标签：
<br/>换行标签
<p></p>段落标签，划分段落，自动短前和段后有空行
align：段落内容对齐方式
right右
center居中
<h1></h1>标题标签
其中<h1>最大<h6>最小
<hr>生成一条水平线
实体的语法：实体的名字
< <
> >
版权符号 ©
空格 HTML源码中的多个空格会合并成一个，可以用 写多个空格
HTML注释:
<!--HTML注释内容-->
<img>图片标签
src:图片的路径(必有属性)
width：图片宽度
height：图片高度
默认单位是px(像素) width=“200px”；
百分比设置，父标签的百分比，会随着动态改变width="50%";
路径的写法：
内网路径
绝对路径：不建议使用
src="D:/1911/hello/abc/2.gif"
相对路径："../2.gif" ../表示上一层目录，./表示当前目录
src="../2.gif"
<a href=" "></a>超链接
CSS表现：
JS行为：
