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 - 超文本标记语言 - 网页的内容都是写在标签里面

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

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