属性 重要的
<!DOCTYPE html> 告诉浏览器 以那种规范解析 最标准的规范解析 两种模式 怪异和标准
<html lang="en">
head 是头标签 存的网页上看不到的 跟浏览器解析有关系
head标签：
mata http-equiv"refresh" content="2;url=''"
name
name="keywords" content="" 关键词 可以被百度搜索到
name=description content='' 被搜索出来的框里的描述
content:
* <meta http-equiv="refresh" content="2;url=//www.baidu.com"> 2秒钟之后 跳转别的页面 不加url就刷新的功能
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content=""> 支持ie浏览器 对别的浏览器 没有意义
*<title>Title</title> 显示在分页上 也就是本网页的标签页
<link rel="icon" href="//www.jd.com/favicon.ico" > 京东的标签页面小图标
*<link rel="icon" href=""> 标签页 显示图片
body 是网页上能看到的 基本上内容都是写在这里
body：
<br/> 换行标签 不隔行
内联标签：in-lion
<span> 文本控制 文本有多少 在文本长度控制
<b></b>>加粗
<em></em> 变成斜体
<strike></strike> 去除标签
<del></del> 删除
2<sub>3</sub> 上角标
2<sup>3</sup> 下角标
<meta http-equiv="refresh" content="5;//www.baidu.com"> 跳转到百度
<a><a> 超连接标签 锚
超连接标签:
<a href="http://www.baidu.com">baidu</a> 超链接 本页面跳转
<a href="http://www.jd.com" target="_blank">baidu</a> 超链接 新建页跳转 并显示文本内容
<a href="http://www.jd.com" target="_blank" title="hehe">baidu</a> 新建页跳转 title并显示文本内容
锚:
<head>
<style>
#div1{
height: 100px;
}
#div2
#div3
</style>
<body>
<div id="div1"></div> 对应 head里#div1
背板的颜色及像素 找到某个标签 并进行渲染
<a href="#div1">第一章</a> 必须加个#
<a href="#div2">第二章</a>
<a href="#div3">第三章</a>
<div id="div1">第一章</div>
<div id="div2">第二章</div>
<div id="div3">第三章</div>
这里 a 标签的锚的用法 和一些css的用法
块级标签 block 各行功能
<div> 空白标签 块级标签 一行都被占用
<h1> 标题
<h2>
<h3>
<h4>
<h5>
<h6> 从1-6 从大到小
<p> 段落标签 隔一行
自闭和标签
插入图片
<img src="" width="200ps" height="200ps" alt="hehe" title="大美女"> 单开一个线程处理img标签
调整大小 alt 加载不出来显示hehe title点一下显示
特殊符号 随用随查
<； 小于
>； 大于
list标签：
<ul>无序列表
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
<ol>有序列表
<li>111</li>
<li>222</li>
<li>333</li>
</ol>
<dl>类似小说 章节 内容
<dt>第一章</dt>
<dd>1111</dd>
<dd>1111</dd>
<dd>1111</dd>
<dd>1111</dd>
</dl>
表单
用于给后台传数据用的
name属性是给后台看的
<input> 是自闭和标签 命名 姓名：<input>
type text是文本输入
<from action="127.0.0.1:8090/index" method="get"提交数据的方式> 给后台提供数据
<p>姓名：<input type="text" name="username"></p> {username:"输入进来的"}
<p>性别：<input type="text" name="username"></p>
<p>密码：<input type="password" name="paword"></p> 隐藏文本
<p><input type="submit" value="press"></p> 登录
这个value跟其他的不一样 这个就是重命名
<p><input type="button" value="press"></p> 没有意义 配合JS使用
<p>爱好：篮球<input type="checkbox" value="press" name="hobby" value="1"></p> 可以点击√ 复选
多选字典形式发送给后台
<p>男<input type="radio" name="sex" value="0"></p> 单选
<p>女<input type="radio" name="sex" value="1"></p>
radio功能是互斥只能有一个 name属性是给后台看的
<p><input type="file" value="文件名"></p> 上传文件
html调用操作系统系统操作的
<input type="reset"></p> 重置 清空上面的内容
表 table
<table>
<tr> 行标签
<th>Telephone</th> 表头标签 也就是比如 序号
<td>555 77 854</td> 内容标签 也就是 1
</tr>
示例1：跨行操作
<table border="1">
<tr>
<th rowspan="2">1111</th>
<td>22222</td>
</tr>
<tr>
<td>22222</td>
<td>22222</td>
</tr>
</table>
示例2：跨列
<table border="1">
<tr>
<th colspan="2">1111</th>
</tr>
<tr>
<td>22222</td>
<td>22222</td>
<td>22222</td>
</tr>
</table>
</from>
添加路径 编码方式
<from action="xiaohu" method="post" enctype="muletipart/form-data">
for i in req.files:
obj = req.files.get(i，none) 要用get 这个方法不会报错 没拿到 就返回个none
file_name = obj.name
f = open(file_name,'wb')
for i in obj.chunks(): 64K 取上传的文件 写入硬盘
f.write(i)
f.close
知识点：
req.files.get(i，none)
file_name = obj.name
bj.chunks()
出生地：<select name="city" multiple="multiple"复数 size="5"最多能出现几个>
定义键 可以选多个 超过的内容自动做成滚动样式
<optgroup label="河北省">可以把地级市放在这里</optgroup> 不能被选择 就是给你看的 标题类似
<option value="beijing">北京</option>
<option value=>北京</option> option 下拉菜单
<option value=>北京</option>
<option value=>北京</option>
</select>
<textarea rows="20" cols="40">自我简介</textarea>
<label for="div1">姓名</label> 关联 文本和input标签关联
<input id="div1" type="text">