作为一个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标签虽然也是块级标签 但是它不能嵌套任何块级标签 只能嵌套行内标签
行内标签 自身多大就占多大
行内标签不能嵌套块级标签 只能嵌套行内标签
且行内标签无法设置长度
列表标签
无序标签<ul><li></li></ul> type默认是drsc圆形 如果为none则不要标签 square为正方形
有序标签<ol><li></li></ol> type默认为数字
标题标签<dl><dt><dd></dd></dt></dl>
表格标签
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提交表单才能触发效果