python进阶之web前端概述和常用标签

web前端概述和常用标签

一、web前端概述

1、了解URL的构成

  • https://www.baidu.com:443/index.html

  • URI - 统一资源标识符

  • URL - 统一资源定位符(常用)

  • URI = URL + URN(x)

  • 协议 - HTTP/HTTPS

    • HTTPS - HTTP over SSL - 安全的HTTP
    • HTTP - Hyper-Text Transfer Protocol - 超文本传输协议
    • HTML - Hyper-Text Markup Language - 超文本标记语言
    • 2017年1月1日:App Store强制使用https;微信小程序强制使用https跟后台程序通信;Chrome从2017年发布的版本都会对HTTP提示不安全
  • 域名/IP地址 - 要连接的主机

  • 端口号 - 端口用来区分不同的服务

  • 资源路径-

  • DNS - 将域名解析为地址

在这里插入图片描述

在这里插入图片描述

2.HTTP协议- 请求响应式协议

(1)网站请求HTTP
  • 谷歌:自定义及控制 ----> 更多工具 -----> 开发者工具 -----> 点击network

  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8jcZVfSn-1609852030604)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210105203640348.png)]

  • 刷新一下,再点击第一个

  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iza7ub1P-1609852030612)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210105203802452.png)]

(2)HTTP请求
  • 请求行 - GET / HTTP/ 1.1(用什么方式获得服务器)GET / HTTP/1.1

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hzYaYM1J-1609852030616)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210104100456097.png)]

  • GET - 从服务器获取资源

  • POST - 向服务器提交数据

  • 请求头 - 键值对 - 告诉服务器的额外信息

在这里插入图片描述

  • 空行(\r\n)
  • 消息体 - 你要发给服务器的数据(消息体在Response里面)
(3)HTTP响应
  • 响应行 - HTTP/1.1 200 OK
  • 响应状态码 - 2xx :成功了
  • ​ 3xx : 重定向
  • ​ 4xx : 请求有问题
  • ​ 5xx : 服务器有问题

在这里插入图片描述

  • 响应头 - 键值对 - 服务器给浏览器的额外信息

在这里插入图片描述

  • 消息体 - 服务器发给浏览器的数据
    • 如果请求的是图片,就获得图片的二进制数据
    • 如果请求的网页,就获得网页的源代码,浏览器执行代码,用户看到页面

二、HTML - 超文本标记语言 - 网页的内容都是写在标签里面

<!doctype html>

写在这里的内容不会显示在浏览器窗口 但是这里却包含了网页比较重要的元信息 写在这里的内容会显示在浏览器窗口中

1、HTML页面源代码由三样东西构成:

  • 标签 - 数据(content - 承载内容)
  • 层叠样式表(CSS)- 显示(display - 渲染页面)
  • JavaScript(JS)- 行为(behavior - 交互行为)
  • 命名规范:驼峰式命名(从第二个单词开始首字母大写)

2、标签

(1)文本
  • h1~h6:标题
  • p:段落
  • sub / sup:下标、上标
  • em / strong: 强调
(2)图像
  • img - src属性
(3)链接
  • a - href属性 / name属性 / target属性(_self/_blank/_parent/_top)
    • 页面链接
    • 锚链接
    • 功能链接
(4)列表
  • ul - 无序列表(unordered list) - li(列表项,list item)
  • ol - 有序列表(ordered list)
  • dl - 定义列表(definition list)- dt(定义标题)/ dd(定义描述)
(5)音视频
  • audio(音频) - source
  • video(视频)
(6)表格
  • table
(7)定义
  • dl(标签) - dt(定义的标题) - dd(定义的描述)
(8)表单
  • form —> input

3.Python程序联网获取数据 —> requests

  • requests安装地址
  • pip config set global.index-url https://pypi.doubanio.com/simple
  • python安装方法:终端输入pip install requests
  • 检查requests是否安装上:终端输入 pip list / pip freeze

set global.index-url https://pypi.doubanio.com/simple

  • python安装方法:终端输入pip install requests
  • 检查requests是否安装上:终端输入 pip list / pip freeze
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值