总结
前端基础
软件架构 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>
为了避免进入怪异模式，一定要写文档声明，放在最上
实体的语法 ： &实体的名字;
< &|t;
> >
空格 HTML源码中的多个空格会合拼成一个，一颗永 写多个空格
版权符号 ©；
HTML 注释
<!-- HTML注释内容-->
<img/>图片标签
src： 图片的路径（必有属性）
width：图片宽度
height： 图片高度
默认单位是px（像素） width="200px"
百分比设置，死父类的百分比，是动态改变的width="50%"
路径的写法
内网路径
绝对路径：不建议使用
src="盘/文件名/图片名"
相对路径 ： 从引入者所在的目录出发，建议使用
src="../图片" ../表示上一层目录 ./表示当前目录
上午
前段基础
软件架构 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>
为了避免进入怪异模式，一定要写文档声明，放在最上
实体的语法 ： &实体的名字;
< &|t;
> >
空格 HTML源码中的多个空格会合拼成一个，一颗永 写多个空格
版权符号 ©；
HTML 注释
<!-- HTML注释内容-->
<img/>图片标签
src： 图片的路径（必有属性）
width：图片宽度
height： 图片高度
默认单位是px（像素） width="200px"
百分比设置，死父类的百分比，是动态改变的width="50%"
路径的写法
内网路径
绝对路径：不建议使用
src="盘/文件名/图片名"
相对路径 ： 从引入者所在的目录出发，建议使用
src="../图片" ../表示上一层目录 ./表示当前目录
互联网路径？
src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3898709406,858372587&fm=85&app=63&f=JPEG?w=121&h=75&s=FAA024C5BE5379D4EC0DC19C03008013"
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<center>
<div><a href="" name="aaa"></a></div>
<a href="#ccc" >去底部</a>
<a href="#bbb" >去指定位置</a>
<h1>这是一个好歌</h1>
<hr/>
<h2>山海</h2>
<a href="http://www.kugou.com/yy/singer/home/799015.html" target="_blank">草东没有派对</a>
<p>我看着 天真的我自己<br/></p>
<p>出现在 没有我的故事里<br/></p>
<p>等待着 我的回应<br/></p>
<p>一个为何至此 的原因<br/></p>
<p>他明白 他明白 我给不起<br/></p>
<p>于是转身向山里走去<br/></p>
<p>他明白 他明白 我给不起<br/></p>
<p>于是转身向大海走去<br/></p>
<img src="00.jpg" width="300px" />
<p>我听着那少年的声音 在还有未来的过去<br/></p>
<p>渴望着 美好结局<br/></p>
<p>却没能成为自己<br/></p>
<p>他明白 他明白 我给不起<br/></p>
<p>于是转身向山里走去<br/></p>
<p>他明白 他明白 我给不起<br/></p>
<p>于是转身向大海走去<br/></p>
<hr/>
<p>友情链接:<a href="https://www.sina.com.cn/" target="_blank">A链接|</a>
<p>友情链接:<a href="https://www.sina.com.cn/" target="_blank">A链接|</a>
<a href="https://www.sohu.com/" target="_blank">C链接</a>
<a href="https://passport.weibo.com/visitor/visitor?entry=miniblog&a=enter&url=https%3A%2F%2Fweibo.com%2F&domain=.weibo.com&sudaref=https%3A%2F%2Fwww.2345.com%2F%3Fkbox73713266%26f%3Df2_B0_t2%26p%3Dx3&ua=php-sso_sdk_client-0.6.28&_rand=1583400715.0538" target="_blank">B链接|</a>
<a href="https://www.sohu.com/" target="_blank">C链接</a>
</p>
<a href="#aaa" >去顶部|</a>
<a href="https://consumerservice.taobao.com/?spm=a231o.13503973.754895749.1.5c1f68edefpfTJ" target="_blank">联系我们</a>
<div><a href="" name="ccc"></a></div>
</center>
</body>
</html>
