首页 > 其他 > 详细

前端初识

时间:2019-12-26 01:10:56      阅读:101      评论:0      收藏:0      [点我收藏+]

前端初识

用户可以看到的界面都叫做前端,软件开发的构架是基于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 类似继承,直接引用别的类的样式

前端初识

原文:https://www.cnblogs.com/fxsm/p/12099351.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!