html
#2XX——表明请求被正常处理了 1、200 OK：请求已正常处理。 2、204 No Content：请求处理成功，但没有任何资源可以返回给客户端，一般在只需要从客户端往服务器发送信息，而对客户端不需要发送新信息内容的情况下使用。 3、206 Partial Content：是对资源某一部分的请求，该状态码表示客户端进行了范围请求，而服务器成功执行了这部分的GET请求。响应报文中包含由Content-Range指定范围的实体内容。 #3XX——表明浏览器需要执行某些特殊的处理以正确处理请求 4、301 Moved Permanently：资源的uri已更新，你也更新下你的书签引用吧。永久性重定向，请求的资源已经被分配了新的URI，以后应使用资源现在所指的URI。 5、302 Found：资源的URI已临时定位到其他位置了，姑且算你已经知道了这个情况了。临时性重定向。和301相似，但302代表的资源不是永久性移动，只是临时性性质的。换句话说，已移动的资源对应的URI将来还有可能发生改变。 6、303 See Other：资源的URI已更新，你是否能临时按新的URI访问。该状态码表示由于请求对应的资源存在着另一个URL，应使用GET方法定向获取请求的资源。303状态码和302状态码有着相同的功能，但303状态码明确表示客户端应当采用GET方法获取资源，这点与302状态码有区别。 当301,302,303响应状态码返回时，几乎所有的浏览器都会把POST改成GET，并删除请求报文内的主体，之后请求会自动再次发送。 7、304 Not Modified：资源已找到，但未符合条件请求。该状态码表示客户端发送附带条件的请求时（采用GET方法的请求报文中包含If-Match，If-Modified-Since，If-None-Match，If-Range，If-Unmodified-Since中任一首部）服务端允许请求访问资源，但因发生请求未满足条件的情况后，直接返回304.。 8、307 Temporary Redirect：临时重定向。与302有相同的含义。 #4XX——表明客户端是发生错误的原因所在。 9、400 Bad Request：服务器端无法理解客户端发送的请求，请求报文中可能存在语法错误。 10、401 Unauthorized：该状态码表示发送的请求需要有通过HTTP认证（BASIC认证，DIGEST认证）的认证信息。 11、403 Forbidden：不允许访问那个资源。该状态码表明对请求资源的访问被服务器拒绝了。（权限，未授权IP等） 12、404 Not Found：服务器上没有请求的资源。路径错误等。 #5XX——服务器本身发生错误 13、500 Internal Server Error：貌似内部资源出故障了。该状态码表明服务器端在执行请求时发生了错误。也有可能是web应用存在bug或某些临时故障。 14、503 Service Unavailable：抱歉，我现在正在忙着。该状态码表明服务器暂时处于超负载或正在停机维护，现在无法处理请求。
HTML是什么
#1超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 #2本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） #3网页文件的扩展名：.html或.htm
#4是一种标记语言，它不是编程语言
HTML文档结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>css样式优先级</title> </head> <body> <body/> </html> #1<!DOCTYPE html>声明为HTML5文档。 #2<html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 #3<head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据。 #4<title>、</title>定义了网页标题，在浏览器标题栏显示。 #5<body>、</body>之间的文本是可见的网页主体内容。
head内常用标签
#<title></title> 定义网页标题 #<style></style> 定义内部样式表 #<script></script> 定义JS代码或引入外部JS文件 #<link/> 引入外部样式表文件或网站图标 #<meta/> 定义网页原信息
meta标签
#<meta>元素可提供有关的元信息，针对搜索引擎和更新频率的描述和关键词 #<meta>标签位于文档的头部，不包含任何内容 #<meta>提供的信息是用户不可见的 #meta标签的组成： meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 2.name属性: 主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<!--指定文档的编码类型(需要知道)--> <meta http-equiv="content-Type" charset=UTF8"> <!--2秒后跳转到对应的网址，注意引号(了解)--> <meta http-equiv="refresh" content="2;URL=https://www.baidu.com"> <!--告诉IE以最高级模式渲染文档(了解)--> <meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="百度">
------------------------------body内常用属性------------------------
#基本标签 <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除</s> <p>段落标签</p> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> 换行 <br> 水平线 <hr> ------------------------------------------------------------------ #特殊符号标签 空格 > > < < & & ¥ ¥ 版权 © © 注册 ® ®
常用标签
#<div></div> 用于页面布局 #<span></span> 用于普通小文本
标签的分类
#分类一 #块儿级标签(独占一行) h1~h6,p,hr,br 1.块儿级标签,可以嵌套其他块儿级标签和行内标签 2.p标签虽然也是块儿级标签,但是它不能嵌套任何块儿级标签,只能嵌套行内标签 #行内标签(自身文本多大就占多大) span,b,u,i,s,a,img 1.行内标签肯定不能嵌套块儿级标签,只能嵌套行内标签 2.行内标签 无法设置长宽 #分类二: #双标签<h1></h1> #自闭和标签<img />
img标签
#<img> 标签有两个必需的属性：src 和 alt
#<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">
注意: 假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。
注意: 加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片
a标签
#超链接标签 <a href="https://www.baidu.com" target="_self">点我去百度</a> <a href="https://www.baidu.com" target="_blank">点我去百度</a> #href属性指定目标网页地址。该地址可以有几种类型 #绝对URL - 指向另一个站点（比如 href="http://www.jd.com） #相对URL - 指当前站点中确切的路径（href="index.htm"） #锚URL - 指向页面中的锚（href="#top"） #target： #_blank表示在新标签页中打开目标网页 #_self表示在当前标签页中打开目标网页（默认）
列表
1、无序列表（ul）
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下：
- Coffee
- Milk
#type属性 disc（实心圆点，默认值） circle（空心圆圈） square（实心方块） none（无样式）
2、有序列表（ol）
<ol type="1" > <li>第一项</li> <li>第二项</li> </ol> #type属性： 1 数字列表，默认值 A 大写字母 a 小写字母 Ⅰ大写罗马 ⅰ小写罗马
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head> <body> <h4>嵌套列表:</h4> <ul> <li>咖啡</li> <li>茶 <ul> <li>红茶</li> <li>绿茶</li> </ul> </li> <li>牛奶</li> </ul> </body> </html>
3、标题列表（dl）
缩进
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
<!DOCTYPE html> <html> <body> <h4>A Definition List:</h4> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> </body> </html>
表格
养成好习惯，写表格时，先把这句话写出来不
<table>
<thead> </thead>
<tbody> </tbody>
</table>
table内，tr表示一行，tr里面可以放td,th
#border: 表格边框. #cellpadding: 内边距 #cellspacing: 外边距. #width: 像素 百分比.（最好通过css来设置长宽） #rowspan: 单元格竖跨多少行 #colspan: 单元格横跨多少列（即合并单元格）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" cellpadding="10" cellpassing="10"> #设置边框格式 <thead> <tr> <td>name</td> <td>age</td> <td>sex</td> </tr> </thead> <tbody> <tr> <td>pdun</td> <td>1</td> <td rowspan="2">man</td> #纵向占两行 </tr> <tr> <td>hmk</td> <td>25</td> </tr> </tbody> </table> </body> </html>
<body> <table border="1" cellspacing="10" cellpadding="10"> <thead> #表头 <tr> <th>name</th> <th>age</th> <th>hobby</th> </tr> </thead> <tbody> #表体 <tr> <td>小刚</td> <td>73</td> <td rowspan="2">吃</td> </tr> <tr> <td colspan="2">小博</td> <!--<td>9000</td>--> </tr> </tbody> </table> </body>
from表单
#功能:前后数据交互,帮你提交任意的数据 #form表单中， #action属性，控制数据往哪提交，不写默认往当前URL地址提交 #method属性，控制数据提交的方式，默认GET请求 提交数据的input必须有name参数， input框中value属性就是对应的值
input：通过控制type属性来展示不同的获取用户输入的页面效果 #type属性总结: #text:纯文本 #password:用户输入不可见 #date:日期 #radio:单选
默认选择checked=“checked”，可以只写checked #checkbox:多选 #file:文件 #submit:提交按钮 注意:form表单中只有input的type属性是submit才能支持提交 #reset:重置按钮 #button:普通按钮 label标签 本身没有任何实际意义,主要是配合input标签
包到labal中 <label for="i1">username: <input type="text" id="i1"> #如果直接使用input，可以执行，但是pycharm会提示书写格式不规范 </label> 通过id对应 <label for="i1">username: </label>
<input type="text" id="i1"
#select标签 #select:下拉框，默认是单选，可以通过multiple属性指定为多选 <form action="" method="post"> <select name="city" id="city"> <option value="1">北京</option> <option selected="selected" value="2">上海</option> <option value="3">广州</option> <option value="4">深圳</option> </select> </form> #属性说明 multiple：布尔属性，设置后为多选，否则默认单选 disabled：禁用 selected：默认选中该项 value：定义提交时的选项值
textarea多行文本
<textarea name="memo" id="memo" cols="30" rows="10"> 默认内容 </textarea> #属性说明 name：名称 rows：行数 cols：列数 disabled：禁用
<html lang="en"> <head> <meta charset="UTF-8"> <title>form表单</title> </head> <body> <form action="http://127.0.0.1:5000/reg" method="post" enctype="multipart/form-data"> <p> <label for="i1">username: <input type="text" id="i1" name="username" > </label> </p> <p>password:<input type="password" name="pwd"></p> <p>birthday: <input type="date" name="birth"> </p> <p>性别: <input type="radio" name="gender" value="1">男 <input type="radio" name="gender" checked value="2">女 </p> <p>hobby: <input type="checkbox" value="basketball" name="hobby">篮球 <input type="checkbox" value="football" name="hobby">足球 <input type="checkbox" name="hobby" value="doulecolorball">双色球 </p> <p>省市: <select name="province" id=""> <option value="bj">北京</option> <option value="sh">上海</option> <option value="sz">深圳</option> </select> </p> <p>省市多选: <select name="" id="" multiple> <option value="">北京</option> <option value="">上海</option> <option value="">深圳</option> </select> </p> <p>省市2: <select name="" id=""> <optgroup label="北京"> <option value="">朝阳</option> <option value="">海淀</option> <option value="">昌平</option> </optgroup> <optgroup label="上海"> <option value="">浦东新区</option> <option value="">黄埔</option> <option value="">闵行</option> </optgroup> <optgroup label="深圳"> <option value="">宝安</option> <option value="">坪山</option> <option value="">南山</option> </optgroup> </select> </p> <p>自我评价: <textarea name="info" id="" cols="30" rows="10"></textarea> </p> <p>文件资料: <input type="file" name="myfile"> </p> <input type="submit" value='注册'> <input type="reset"> <input type="button" value="按钮"> </form> </body>
