前端三大块：HTML（结构）、CSS（表现）、JS（行为）
前段基础
软件架构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文件的扩展名为html 或者 htm
HTML文件有浏览器直接解析执行，无需编译，直接由上到下一次执行解析
HTML标签通常由开始标签和结束标签组成
例如：内容体</font>
没有内容体制标签叫做空标签（自结束标签）例如
换行标签
一条水平线
HTML不区分大小写 建议小写
标签属性：属性名="属性值"
HTML标签建议包裹嵌套，不建议交叉嵌套
字体标签和格式标签
字体标签
字体标签，修饰文字样式
第二个</font>
size:大小 最小1 最大7
color字体颜色 使用英文 例如red，使用#ff00ab
face:字体
H5文档声明
<!DOCTYPE html>
为了避免进入怪异模式，一定要写文档声明，放在最上
格式化标签
换行标签
段落标签，划分段落，自动段前和段后有空行
aligh：段落内容的对齐方式
默认是left左对齐
right右对齐
center居中
实体的语法：&实体的名字;
< &|t;
> >
空格HTML源码中的多个空格会合拼成一个，一颗永 写多个空格
版权符号©；
HTML注释
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/%E8%8C%84%E5%AD%90%E8%9B%8B/22681600?fr=aladdin" target="_blank">茄子蛋</a>
<a href="" name="mark-2"></a></div>
<p>烟一支一支一支地点</p>
<p>酒一杯一杯一杯地干</p>
<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>
<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>
<p>酒一杯一杯一杯地干</p>
<p>请你要体谅我</p>
<p>我酒量不好别给我挖坑</p>
<p>时间一天一天一天的走</p>
<p>汗一滴一滴一滴地流</p>
<p>有一天我们都老</p>
<p>带妻子一起</p>
<p>带妻子一起</p>
<br/>
<a href="" name="mark-1">回顶部 </a></div>
</body>
</center>
</html>
