前端初识
用户可以看到的界面都叫做前端,软件开发的构架是基于CS,BS,主流BS
BS,就是浏览器(客户端)与服务端交互
在浏览器回车
HTTP协议——超文本传输协议
规定了浏览器与服务端交互的格式
四大特性:
1.基于请求响应,一次请求一次响应
2.运行在tcp协议之上
3,无状态,不保留状态
4,无连接,请求响应后断开连接
数据格式
请求格式
请求首行(请求方式 协议版本)
请求头(一大堆k,v键值对)
空一行重要
请求体(携带的数据 并不是一直都有 有时候可能是空的 取决于你的请求方式)
响应格式
响应首行(响应状态码)
响应头(一大堆k,v键值对)
空一行重要
响应体(浏览器展示给用户看的据)
响应状态码
用数字来表示一大堆提示信息
1XX:服务端已经成功接收到客户端的数据正在处理 你可以继续提交
2XX:200请求成功 服务端已经返回了你想要的数据
3XX:重定向(原本想访问A但是内部自动给你转到了B上面)
4XX:404请求资源不存在,403你当前不具备请求该资源的条件
5XX:500服务端内部错误 机房卓火了 宕机 爆炸了
公司内部可以自己定制自己的响应状态码
请求方式
浏览器
1.get请求 #无请求体
朝服务端要资源(获取数据)
类似于浏览器窗口输入www.baidu.com获取百度首页
2.post请求 #有请求体
朝服务端提交数据(提交数据)
类似于登录注册功能
HTML——超文本标记语言
浏览器通过这三个语言,把服务器的数据渲染呈现给用户
注释<!-- -->单行多行都可以
head内常用标签
title:定义网页标题
style:支持css
link:引入外部css
script:内部支持编写JS代码,通过src属性引用外部js文档
body内常用标签
标题标签:h1-h6
s删除,b加粗,u下滑线,i斜体,p独占一行
br换行,hr分割线
特殊符号
a大于b a > b
a小于b a < b
a&b a & b
人民币 ¥10000000000
版权标识 ©
注册商标 ®
常用标签
div span 本身无意义,前期布局用
列表标签
表格标签
表单标签
标签分类
块级标签:h1-h6 ,br,hr, p(值嵌套行内), div 独占一行,可以嵌套任意的块级标签,行内标签
行内标签: u ,i,s,b span 自身多大占多大不能嵌套
标签具备属性
1.id 类似省份证,在同一个html不能重复
2.class 类似继承,直接引用别的类的样式