HTML简介

HTTP协议
超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式

四大特性

基于请求响应
基于TCP/IP作用于应用层之上的协议
无状态
不保存用户的信

由于HTTP协议是无状态的,所以后续出现了一些专门用来记录用户状态的技术

COOKIE,SESSION,TOKEN…

无链接/短链接

请求来一次我响应一次,之后我们两个就没有任何链接和关系了

长链接:双方建立链接之后默认不断开 websocket

请求数据格式

请求首行(标识HTTP协议版本,当前请求方式)

请求头(一大堆k,v键值对)

\r\n(换行,这里的\r\n千万不能省略)

请求体(并不是所有的请求方式都有,get没有post有, 存放的是post请求提交的敏感数据)

响应数据格式

响应首行(标识HTTP协议版本,响应状态码)

响应头(一大堆k,v键值对)

\r\n

响应体(返回给浏览器展示给用户看的数据)

响应状态码

用一串简单的数字来表示一些复杂的状态或者描述性信息 404:请求资源不存在

1XX: 服务端已经成功接收到了你的数据,正在处理,你可以继续提交额外的数据

2XX:服务端成功响应了你想要的数据(200 OK,请求成功)

3XX:重定向(当你在访问一个需要登录之后才能看的页面,你会自动跳转到登录页面)

4XX:请求错误

404:请求资源不存在

403:当前请求不合法或者不符合访问资源的条件

5XX: 服务器内部错误(500)

请求方式

  1. get请求

朝服务端要数据

eg:输入网址获取对应的内容

  1. post请求

朝服务端提交数据

eg: 用户登录 输入用户名和密码之后 提交到服务器后端做身份校验

HTML简介

超文本标记语言

如果你想要让浏览器能够渲染出你写的页面。你就必须遵循HTML语法

我们浏览器看到的页面,内部其实都是HTML代码

复制代码

Hello, big baby

Click me! Give you some color to see see! 复制代码 HTML就是书写网页的一套标准

注释:注释是代码之母

复制代码

导航条所有的HTML代码

左侧菜单栏的HTML代码

复制代码
由于HTML代码非常的杂乱无章并且很多,所以我们习惯性的用注释来划定区域方便后续的查找

HTML文档结构

复制代码

复制代码 PS: 文件的后缀名其实是给用户看的,只不过对应不同的文件后缀名有不同的软件来处理并添加很多功能

复制代码

Title 复制代码 注意: HTML代码是没有格式的,可以全部写在一行都没有关系,只是我们习惯了缩进来表示代码

两种打开HTML文件的方式

找到文件所在的位置右键选择浏览器打开
在pycharm内部,集成了自动调用浏览器的功能,直接点击即可(前提是你的电脑上安装了对应的浏览器)直接全部只用谷歌浏览器
标签的分类1

双标签 单标签(自闭和标签) head内常用标签

复制代码

内部用来书写css代码 引入外部css文件 还可以引入外部js文件,可以是本地的,也可以是网络的 当你在用浏览器搜索的时候 只要输入了keywords后面指定的关键字,那么该网页都有可能被百度搜索出来展示给用户 复制代码

body内常用标签
你肉眼能够在浏览器上面看到的花里胡哨的页面,都是HTML代码
基本标签
复制代码

我是h1

标题标签1-6级
加粗
斜体
下划线
删除线

大梦谁

段落标签
换行
水平分割线 复制代码 标签的分类2

块级标签:独占一行 h1-h6 p div

块级标签可以修改长宽 行内标签不可以 修改了也不会有变化
块级标签内部可以嵌套任意的块级标签和行内标签。但是p标签虽然是块级标签,但是它只能嵌套行内标签,不能嵌套块级标签。如果你套了问题也不大,因为浏览器会自动帮你解开(浏览器是直接面对用户的 不会轻易的报错 哪怕有报错用户也基本感觉不出来)前端基本上不会报错。
行内标签: 自身文本多大就占多大 i u s b span 行内标签不能嵌套块级标签 可以嵌套行内标签

特殊符号

复制代码
  空格

> 大于

< 小于
& &符
¥ ¥
©版权
® 商标
复制代码

常用标签

复制代码
div 块级标签
span 行内标签
上述的两个标签是在构造页面出气最常使用的 页面的布局一般先用div和span占位之后再去调整样式 尤其是div使用非常的频繁
div你可以把它看成是一块区域 也就意味着用div来提前规定所有的区域
之后往该区域内部填写内容即可
而普通的文本先用span标签
复制代码
标签既可以有默认的属性也可以有自定义的属性

列表标签

无序列表(较多)
复制代码


  • 第一项

  • 第二项

  • 第三项

  • 第四项


复制代码

有序列表(了解)
标题列表(了解)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值