python之前端基础

作为一个python开发者,我们为什么要学习前端?

因为我们学的是python全栈开始,而且几多不压身

http协议:超文本传输协议,规定了信息基于网络传输的发送以及接受格式

 

web本质:

1.浏览器输入网址朝服务器发送请求

2.服务器接受请求

3.服务器返回相应的响应

浏览器接受响应解析渲染展示到屏幕上

 

http状态码:

10X服务器接受了你的请求,正在处理

20X请求成功

30X内部重定向

40X请求错误

50X服务器错误

 

head内部的常用标签:

title 定义网页标题

link引入外部css文件

script在该标签内部直接写js代码 也可以引入外部js文件

style内部写css样式语句

meta用于网页描述

 

body的常用标签

基本标签

h1-h6 六级标题标签

p 段标签

b 加粗

i 斜体

s 中划线

u 下划线

br 换行

hr 水平线

 

特殊标签

  空格

< 小于

> 大于

& (and)符号

© 版号

¥ 人民币符号

 

常用的标签

div页面布局 块级标签

span行标签

a 链接标签,锚点 可以通过target="_blank"是否是空白页调整

img标签 主要属性有src title alt width heigt 用于放置图片

 

行标签和块标签的区别:

块级标签 独占一行 可以嵌套其他块级标签和行内标签

p标签虽然也是块级标签 但是它不能嵌套任何块级标签 只能嵌套行内标签

行内标签 自身多大就占多大

行内标签不能嵌套块级标签 只能嵌套行内标签

且行内标签无法设置长度

 

列表标签

无序标签

type默认是drsc圆形 如果为none则不要标签 square为正方形

有序标签

type默认为数字

标题标签

 

表格标签

table thead tbody

table内tr便签表示一行 tr里面可以放td

 

form表单

能完成前后端数据交互 帮你提交任意数据

input通过控制type属性来展示不同的获取用户输入的页面效果

 

type属性总结:**

text 纯文本

password 用户输入不可见

date 日期

redio 单选 可以用户获取用户性别 checked默认选中的 name必须相同

checkbox多选

​ file用于上传文件 在form属性中 method必须为post enctype="multipart/form-data"

 

submit 提交 注意:form表单中只有input的type属性是submit才能支持提交

rest 重置

button是按钮 注意:只有最干净的属性才能整出更多的不一样的功能

select下拉框 默认是单选 可以通过multiple属性指定为多选

textarea 大段文本 cols rows负责调整大小

label标签 本身没有任何意义 主要是配合input标签 通过for指定input的id 点击名字而不是框也能输入

method属性 控制数据提交的方式 迷人是get请求 可以通过method该属性指定其他提交方式

 

注意:

提交数据的inoput必须要有name参数 input中value就是对应属性的值

 

如果要提交文件:

1.需要指定数据编码格式为enctype

2.提交方式必须为post

 

form表单注意事项:

action

method默认为get

enctype的数据编码格式

form表单获取用户输入的标签必须有name属性

form提交数据必须借助于inputtype类型等于submit提交表单才能触发效果