前端必学的：
html 文本
css 装饰
js<javascript> 动态效果
http协议：
超文本传输协议 用来规定服务端和浏览器之间数据交互的格式
**四大特性：**
1.基于请求响应
2.基于tcp/ip作用于应用层之上的协议
3.无状态
不保存用户的信息
4.无/短连接
请求一次响应一次，
**请求数据格式：**
请求首行 标示http协议版本，请求方式
请求头 k,v键值对
请求体 存放的是提交的敏感数据 <post请求方式有请求体而get没有>
**响应数据格式：**
响应首行 标示http协议版本，响应状态码
响应头 k,v键值对
响应体 给浏览器展示给用户看的数据
**响应状态码：**
1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
2XX:服务端成功响应了你想要的数据
200: OK请求成功
3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)
4XX:请求错误
403:当前请求不合法或者不符合访问资源的条件
404:请求资源不存在
5XX:服务器内部错误(500)
**请求方式：**
get 朝server要数据
post 朝server提交数据
ps:url 统一资源定位符 <网址>
html:
超文本标记语言
**注释：**
单行注释:<!__注释的内容__>
多行注释:<!__
注释的内容
注释的内容
注释的内容
__>
由于html代码非常的杂乱，所以用注释来划定区域方便查找，比如：
<!--导航条开始-->
<!--导航条结束-->
<!--左侧菜单栏开始-->
<!--左侧菜单栏结束-->
**html的文档结构：**
<html>
<head></head> head:内的标签定义了一些配置是给浏览器看的
<body></body> body:内的标签通过浏览器渲染给用户看的
</html>
PS:文件的后缀名是给用户看到的，对应不同的后缀名有不同的软件来处理并添加很多功能
PS:代码是没有格式的，可以全部写在一行都没有问题，只不过我们习惯了缩进来表示代码
**打开html文件两种的方式：**
1.找到文件位置右键选择浏览器打开
2.在pycharm，直接点击即可(打开html文件右上角有提示)
**标签的分类1**
1.双标签
2.单标签<自闭和标签>
head内的常用标签:
1.<title></title>:网页标题
2.<style>
h1 {
color: greenyellow;
}
</style>:内部用来书写css代码
3.<script>
alert(123)
</script> :内部用来书写js代码
<script src="myjs.js"></script> 还可以引入外部js文件
4.<link rel="stylesheet" href="mycss.css"> 可以引入外部css文件
5.<meta name="keywords" content="老男孩教育"> 用浏览器搜索 输入了keywords后面指定的关键字该网页有可能被百度搜索
<meta name="keyword" content="淘宝">
<meta name="description" content="淘宝网"> 网页的描述性信息
body内的常用标签:
<h1>我是h1</h1> 标题标签 1～6级标题
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<p>段落</p>
<br> 换行
<hr> 水平分割线
**标签的分类2**
1.块级标签：独占一行
div
2.行内标签：自身文本多大就占多大
span
特殊符号
常用标签
img标签
a标签
标签两个重要书写
列表标签
表格标签：
<table border="3" > <!__表__> <!___border加边框__>
<thead> <!__表头，字段信息__>
<tr> <!__一个tr表示一行__>
<th>username</th> <!__加粗文本__>
<th>pwd</th>
<th>hobbies</th>
</tr>
</thead>
<tbody> <!__表单，数据信息__>
<tr>
<td>jason</td> <!__正常文本__>
<td>123</td>
<td>read</td>
</tr>
<tr>
<td>egon</td>
<td>123</td>
<td>sleep</td>
</tr>
</tbody>
</table>
表单标签：
<form action=""></form> form标签内的数据会被提交到后端
action:控制数据提交的路径
1.不写
默认给当前页面url提交数据
2.写全路径
如：https://www.baidu.com
3.写路径后缀acction='/index/'
自动识别当前的ip和port拼接，如：127.0.0.1：8080/index
<label for=""></label>
1.把input写在label内
2.通过id链接，无需嵌套
ps:label和input都是行内标签
input标签:<input type="text">
text:普通文本
password:密文
date:日期
submit:触发form表格提交数据
button:普通按钮，相当于白纸，学js之后可以给它定义功能
reset:重置内容
radio:单选
默认选中加checked='checked'
file:获取文件，可以获取多个
hidden:隐藏input框
钓鱼网站
select标签：<select name="" id="" multiple></select>
默认单选，加multiple参数变多选，默认选中selected
<option value=""></option>
textarea标签:<textarea name="" id="" cols="30" rows="10"></textarea>
获取大段文本
能够触发form表单提交数据的按钮：
1.<input type="submit" value="注册">
2.<button>点我</button>
能够获取用户输入的标签，都应该有name属性：
如：<input type="radio" name="gender">男
<input type="radio" name="gender">女
<input type="radio" name="gender">其他
详细参考jason博客