前端之HTML超文本标记语言，http协议

最新推荐文章于 2024-08-30 14:40:01 发布

Jayxieming

最新推荐文章于 2024-08-30 14:40:01 发布

阅读量341

点赞数

分类专栏： python零基础前端文章标签：前端 http html

本文链接：https://blog.csdn.net/Yydsaoligei/article/details/126469272

版权

本文详细介绍了前端开发中的HTML超文本标记语言和HTTP超文本传输协议。讲解了HTTP的四大特征、请求数据和响应数据格式，以及响应状态码。在HTML部分，探讨了文件结构、标签分类、head和body的基本标签，以及body内的常用元素和属性。

摘要由CSDN通过智能技术生成

一：了解前端和后端

1.前端：直接和用户打交道的界面

2.后端：不能直接和用户打交道的写在内部的真正执行功能的代码

3.前端的学习历程：

1.html 相当于是网站的骨架
2.css 给网站装修，加样式
3.Javascript 让网站动起来

二：http超文本传输协议前戏

1.先写一个服务端

import socket

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


sock, addr = server.accept()
    sock.send(b'HTTP/1.1 200 OK \r\n\r\n hello world')
    data = sock.recv(1024)
    print(data)

2.让浏览器充当客户端，在浏览器输入ip和端口的组合，访问我们写的服务端:127.0.0.1:8080

3.浏览器客户端接收到的数据必须符合浏览器端制定的协议：http,ftp,https等

三：http协议

1.http的4大特征

1.基于请求响应
2.基于tcp/ip协议之上的应用层协议
3.无状态即：不保存用户状态
4.短/无链接请求一次，响应一次，之后两者没有任何关系

2.请求数据格式

1.请求首行（请求方式有好多种协议名称及版本号）
2.请求头（一大堆K:V键值对)
3.换行 \r\n
4.请求体(携带一些敏感的数据不是所有的请求都有请求体)

3.响应数据格式

1.响应首行（响应状态码）
2.响应头（一大堆K:V键值对)
3.换行 \r\n
4.响应体（一般情况下就是浏览器要展示给用户看的数据)

4.响应状态码

1xx 向后端提交数据成功，还可以继续提交数据或者等待
2xx 请求数据成功
3xx 重定向，即：如果账号未登录，自动跳转到登录界面
4xx 资源不存在
5xx 服务器内部错误
自定义状态码：一般情况下从10000开始

四：html超文本标记语言

所有浏览器展示的页面必备的

1.文件结构

<!DOCTYPE html>
<html lang="en">
<head>  
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

</body>
</html>

head标签：给浏览器看的
body标签：给用户看的

2.注释

<!--注释的内容-->

3.html标签分类

1.单标签
2.双标签

4.head中的基本标签：

script标签：里面写js代码也可以通过src属性引入外部js文件
link标签：里面引入css文件
style标签：里面写css代码
title标签：网页的小标题

5.body中的基本标签

h1~h6 标题
p 段落
hr 水平分割线
br 换行符
u 下划线
i 斜体
s 删除线
b 加粗
注意：很多样式的实现可能有多种标签形式

6.块儿级标签和行内标签

1.块而级标签：一个标签独占一行 h, p, hr. br
- 块儿级标签也可以通过css调整为不独占一行
- 块儿级标签可以嵌套任何类型的标签
- 特例：p标签虽然是块儿级标签，但是不能嵌套块儿级标签
行内标签：内部文件有多大就占多大 span
- 行内标签只能嵌套行内标签

7.body内布局标签

1.div：具有网页布局的功能
2.span：主要用于文字

8.body内基本符号

&nbsp;   空格
&gt;     大于号
&lt;     小于号
&amp;     &
&yen;     ￥
&reg;     注册符号

最低0.47元/天解锁文章

Jayxieming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端之HTML超文本标记语言，http协议

HTML超文本标记语言，http协议
复制链接

扫一扫

专栏目录