前端 HTTP协议 HTML

时间:2019-09-04
本文章向大家介绍前端 HTTP协议 HTML,主要包括前端 HTTP协议 HTML使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

一、前端学习历程

#什么是前端:?任何与用户直接打交道的操作界面都是前端

#什么是后端:? 幕后操作者 不直接和用户打交道

1.前端基础

?

?

2.学习之路

?

?3.简介

?

?

?

二、HTTP协议

?

超文本传输协议
规定了浏览器与服务端之间消息传输的数据格式

我们直接用浏览器连接我们的套接字服务端,如果你直接send二进制数据比如b'hello'过去,浏览器会报错,读不懂我们发送的内容,我们必须有一套公用协议,这就是http协议

就比如很多语言都可以连接数据库,我们就统一使用sql语句,不管谁来都要说sql

只要通过浏览器访问服务端都要遵循这套协议,除非你开发自己客户端和服务端,比如qq等,两者都是自己的东西,爱咋滴咋滴

?

?

?

import socket

server = socket.socket()
server.bind(('127.0.0.1',8080))
server.listen(5)

while True:
    conn,addr = server.accept()
    data = conn.recv(1024)
    print(data)
    conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
    with open('a.txt','rb') as f:
        res = f.read()
    conn.send(res)

    conn.close()
服务端代码

hello Girl!

"http://www.xiaohuar.com">click me "http://img5.imgtn.bdimg.com/it/u=641490458,234938865&fm=26&gp=0.jpg"/>
xxx.txt

xxx.txt中写的是html语法

1.http四大特性:

        1.基于请求、响应
        2.基于TCP/IP之上、作用于应用层的协议
        3.无状态  (服务端无法保存用户的状态,一个人来一千次 我都记不住 还当你如初见)
        4.无连接  (请求来一次我响应一次 之后立马断开连接 两者之间就不再有任何关系了)
         ps:针对无连接,有时候需要连接怎么办呢?websocket 相当于是HTTP协议的一个大的补丁,它支持长连接,比如企业的通讯工具,聊天室等使用websocket

2.数据传输格式

# 请求数据格式:

        请求首行? ? (标识HTTP协议版本,当前请求方式)
        请求头  (一大堆k,v键值对)
        *********************空白行,这才是重点****************
        请求体? ? ? (携带的是一些敏感信息比如 密码,身份证号...)

#响应数据格式:

        响应首行? ? (标识HTTP协议版本,响应状态码)
        响应头  (一大堆k,v键值对)
        *********************空白行*********************************
        响应体? ? ? (返回给浏览器页面的数据 通常响应体都是html页面)

3.响应状态码

        用一串简单的数字来表示一些复杂的状态或者提示信息
        1XX:服务端已经成功接收了你的数据正在处理 你可以继续提交额外的数据
        2XX:服务端成功响应 你想要的数据(请求成功200)
        3XX:重定向(当你在访问一个需要登录之后才能访问的页面 你会发现窗口会自动调到登录页面 301 302)
        4XX:请求错误(请求资源不存在404,请求不合法不符合内部规定或权限不够403)
        5XX:服务器内部错误,我们不考虑(500)

?

4.请求方式

    1.get请求
        朝服务端要资源(比如浏览器窗口输入www.baidu.com)
    2.post请求
        朝服务端提交数据(比如用户登录 提交用户名和密码)

ps: URL:统一资源定位符(大白话 就是网址)

三、HTML

#Web服务的本质:
        浏览器中敲入网址回车发送了几件事?
        1.浏览器超服务端发送请求
        2.服务端接收请求
        3.服务端返回相应的响应 ,?服务端把HTML文件内容发给浏览器
        4.浏览器接收响应 根据特定的规则渲染页面展示给用户看

?

1.html是什么

  • 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言,本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页
  • 要想让你的页面能够正常被浏览器显示出来 你所写的页面 就必须遵循html标记语法,也就意味着所有能够被浏览器显示出来的页面 内部都是html代码,浏览器只认识html css js
  • 不同的浏览器,对同一个标签可能会有不同的解释,浏览器显示出来样式可能不一样(兼容性问题)
  • 网页文件的扩展名:.html或.htm
  • 注意:HTML是一种标记语言(markup language),它不是一种编程语言

2.注释

注释是代码之母

一般情况下 html的注释都会按照下面的方式书写,注释开始和结束中间写某些东西,找的时候通过注释快速找到:

******中间内容******

?

$flag 上一页 下一页