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