前端基础
软件架构 A ： C/S 客户端/服务器 ： 特点 1 软件使用前必须得安装 2 软件更新时，服务器和客户端得同时更新
3 C/S 架构的软件不能跨平台使用 4 C/S 架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全
B ： B/S 浏览器/服务器：特点 1 软件不需要安装，直接浏览器访问指定的网址即可
2 软件更新，客户端不用更新 3 软件可以跨平台，只要系统中有浏览器就可以使用
4 B/S 架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议，相对来说不安全
软件开发流程 网页设计师根据需求设计网页--前端工程师将设计做成静态网页（访问接口）--后台工程师将静态网页修改成动态网页（后台值提供接口） 前后都会 前+后= 全栈工程师
W3C标准 一个网页分三个部分组成 1 结构 ：HTML用于描述页面的（超文本标记语言）
2 表现 ：CSS负责页面的样式，美化页面
3 行为 ：JAVASCRIPT负责页面的行为
HTML（）超文本标记语言
文本：相当于记事本里写的文字，用于展示信息
超文本： 超越了文本仅仅展示信息的功能范畴，泛指图片、有样式的文字、点击跳转页面的文字
语言： 工具
标记： 标签
HTML 是由标签所组成的语言，能展示超文本效果
HTML 是用来写网页的，是设计页面的基础
HTML 语言的特征
HTML 代码是由头和体组成
<html>跟标签
<head>中存放的都是网页的说明性内容，例如标题
HTML 文件的扩展名为html 或者 htm
HTML 文件有浏览器直接解析执行，无需编译，直接由上到下一次执行解析
HTML 标签通常由开始标签和结束标签组成
例如： <font>内容体</font>
没有内容体制标签叫做空标签（自结束标签）例如<br/>换行标签
<hr/> 一条水平线
HTML不区分大小写 建议小写
标签属性： 属性名="属性值"
HTML 标签建议包裹嵌套，不建议交叉嵌套
字体标签和格式标签
字体标签
<font>字体标签，修饰文字样式
<font color="blue" size="7">第二个</font>
size:大小 最小1 最大7
color 字体颜色 使用英文 例如red，使用#ff00ab
face: 字体
H5 文档声明
<!DOCTYPE html>
为了避免进入怪异模式，一定要写文档声明，放在最上
格式化标签
<br/>换行标签
<p></p>段落标签，划分段落，自动段前和段后有空行
aligh ：段落内容的对齐方式
默认是left左对齐
right右对齐
center居中
实体的语法 ： &实体的名字;
< &|t;
> >
空格 HTML源码中的多个空格会合拼成一个，一颗永 写多个空格
版权符号 ©；
HTML 注释
<!-- HTML注释内容-->
<img/>图片标签
src： 图片的路径（必有属性）
width：图片宽度
height： 图片高度
默认单位是px（像素） width="200px"
百分比设置，死父类的百分比，是动态改变的width="50%"
路径的写法
内网路径
绝对路径：不建议使用
src="盘/文件名/图片名"
相对路径 ： 从引入者所在的目录出发，建议使用
src="../图片" ../表示上一层目录 ./表示当前目录
