软件架构 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="../图片" ../表示上一层目录 ./表示当前目录
<!DOCTYPE html>
<html>
<center>
<head>
<a href="#mark-1">去底部</a>
<a href="#mark-2">去指定位置</a>
<h1>这是我的个人微博</h1>
<hr/>
<h3>下雨的杭州</h3>
<title>董宇浩
</title>
</head>
<body>
<a href="https://baike.baidu.com/item/%E5%B0%8F%E9%98%BF%E4%B8%83/24204491?fr=aladdin" target="_blank">解忧少帅</a>
<a href="" name="mark-2"></a></div>
<p>天黑了以后走在雨后的杭州</p>
<p>突然想喝一点点啤酒</p>
<p>今夜的天空是那么温柔</p>
<p>夜空把往事都照在心头</p>
<p>你是让我不敢直视的星辰</p>
<p>匆匆一目便使我沉沦</p>
<img src="1.jpg" width="300px" />
<p>你是我不敢凝望的方向</p>
<p>毕竟你从不会回头张望</p>
<p>下雨的杭州 西子望桥头</p>
<p>偶然的邂逅 回忆的温柔</p>
<p>第二天下午我去西湖走走</p>
<p>淅沥的雨 浇灭不了我的忧愁</p>
<p>我和你的关系就像白天和黑夜</p>
<p>以及六月的断桥没有残雪</p>
<p>你是我撑眼遥望的万丈光芒</p>
<p>永远向着太阳不会迷失方向</p>
<img src="2.jpg" width="300px" />
<p>你是我跌入深渊却依然牵着的手</p>
<p>这座孤独的城市越来越温柔</p>
<p>下雨的杭州 西子望桥头</p>
<p>偶然的邂逅 回忆的温柔</p>
<p>你是我不敢直视的星辰</p>
<p>匆匆一目便使我沉沦</p>
<p>你是我不敢凝望的方向</p>
<p>你是我撑眼遥望的万丈光芒</p>
<p>永远向着太阳不会迷失方向</p>
<p>你是我跌入深渊却依然牵着的手</p>
<p>这座孤独的城市越来越温柔</p>
<p>下雨的杭州 西子望桥头</p>
<p>偶然的邂逅 回忆的温柔</p>
<hr/>
友情链接：<a href="2">A网站</a>
<a href="3">B网站</a>
<a href="4">C网站</a>
<br/>
<a href="" name="mark-1">回顶部 </a></div>
<a href="1">|联系我们</a>
</body>
</center>
</html>
