前端
什么是前端
'''
只要是跟用户打交道的界面都称为前端
什么是后端?
python代码、java、Go、PHP、nodejs =》 (一堆后端代码)
'''
为啥学前端
'''
为了赚钱
全栈开发
python、前端、mysql、linux、docker
前端需要学到什么程度?
可以看懂别人学的一些简单页面、
并且能够调试一些或者写一些基本的简单页面,
再学一些配套后端代码的前端代码
'''
前端需要学什么
'''
1.HTML:就是网页的骨架,没有任何的样式
2.CSS:给网页添加样式
3.JavaScript:让网页动起来
前端的框架:bootstrap、jQuery、Vue、react.js、angular.js
'''
软件的开发架构
C/ S
B/ S
在浏览器中输入网址,发生了什么事?
'''
1.浏览器向服务器发起请求
2.服务端接受请求
3.服务端处理并返回结果
4.返回给浏览器,浏览器按照特定的规则渲染数据到页面中,展示给用户
'''
浏览器如何识别不同的服务器?
1 . 一定是返回的数据格式遵循浏览器规则
规则:HTTP协议
2 .
HTTP协议
超文本传输协议
规定浏览器和服务端数据交互的格式
1 . 基于请求响应
2 . 在TCP/ IP协议之上的应用层协议
3 . 无状态
就是指不能保存用户信息
为了保存用户信息,又诞生的新技术来保存用户信息
eg:cookie、session、token. . .
4 . 短链接
ps:长链接
场景:即时通讯
1 . 请求首行( 请求方式,协议版本)
2 . 请求头( k:v键值对)
3 . \r\n
4 . 请求体
1 . 响应首行( 协议版本)
2 . 响应头( k:v键值对)
3 . \r\n
4 . 响应体
就是用一个数字代表具体含义
1xx 请求成功,但还可以继续提交数据
2xx 请求成功
3xx 重定向 301 302
4xx 404 资源不存在 403 权限不够
5xx 500 服务器内部错误
1. get
向服务器要数据的
2. post
向服务器提交数据的
HTML的文档结构
< head>
< meta charset= "UTF-8" >
< title> < / title>
< / head>
< body>
< / body>
body内常用标签
< b> 加粗< / b>
< i> 斜体< / i>
< u> 下划线< / u>
< s> 删除< / s>
< p> 段落标签< / p>
< h1> 标题1 < / h1>
< h2> 标题2 < / h2>
< h3> 标题3 < / h3>
< h4> 标题4 < / h4>
< h5> 标题5 < / h5>
< h6> 标题6 < / h6>
< !- - 换行- - >
< br>
< !- - 水平线- - > < hr>
标签的分类
1 . 块儿级元素
独自占一行的标签,我们成为块儿级元素
eg: p, h1~ h6, div
2 . 行内元素
自身文本有多大,就占多大
eg: i, u, s, b , span
标签的嵌套
img标签
< img src= "123.png" alt= "" >
1 . src
1 ) 外链地址
2 ) 本地地址
2 . alt
当图片加载失败的时候,写一些描述性信息
3. title
当鼠标悬浮显示的提示信息
4 . 设置图片大小
width: 200
height: 200
a标签
< a href= "http://www.baidu.com" title= "这是a标签" target= "_blank" > 点我< / a>
1 . title
当鼠标悬浮显示的提示信息
2 . target
_self : 默认当前标签页
_blank : 另开一个新的标签页