前端
前端
1.前端简介
-
什么是前端
任何与用户打交道的界面,都是前端
-
什么是后端
幕后操作者
-
为什么学前端
前后端都得会
2.软件开发架构
-
C/S
-
B/S B/S本质也是C/S
统一接口
3.web服务的本质
-
关键就两字:请求 响应
-
浏览器输入网址,回车发生了那些事
- 朝着指定服务器地址发送请求
- 服务端接收请求并处理
- 返回响应的响应
- 浏览器接收并渲染出好看的界面给用户看
-
请求方式
-
get请求
朝服务器要资源
-
post请求
朝服务器提交数据
-
4.http协议
a.什么是http协议
超文本传输协议,规定了浏览器和服务端数据的传输格式
b.http协议介绍
-
a.http协议4大特性
-
基于tcp/ip作用于应用层之上的协议
-
基于请求响应
请求对响应
-
无状态
不保存客户端状态,无论客户端向服务端请求多少次,永远当做第一次请求客户端
-
无连接
客户端发送的请求服务端响应一次,此次通信就结束了
-
-
数据格式
-
请求格式
- 请求首行
- 请求头
- /r/n
- 请求体
-
响应格式
- 响应首行
- 响应头
- /r/n
- 响应体
-
响应状态码
用数字来表示一串文字信息
- 1xx:服务端已经成功接收了你的请求,正在处理,客户端可以继续发送请求
- 2xx:服务端成功响应了响应的数据
- 3xx:重定向
- 4xx:请求资源不存在 403不符合某些条件,无法访问
- 5xx:服务器内部错误500
-
html文档结构
<html>
<head></head>
<body></body>
</html>
标签的分类
-
分为两类
- 双标签(如h和a标签)
- 自闭合标签(img)
-
head内使用的标签
- title 定义网页标题
- style 内部支持css代码
- link引入外部css样式代码
- script内部可以直接写js代码,也可以引入js代码
- meta 定义网源信息
-
body内常用的标签
- h1~h6标题标签
- p锻炼标签
- s
- u
- i
- br
- hr
-
body常用的特殊符号
&am;; > < © ®