Document

flask入门 

from flask import Flask

app = Flask(__name__)


# 创建了网址和函数的对应关系
@app.route("/show/info")
def index():
    return "中<h1>国</h1><span style='color:red;'>联通</span>"


if __name__ == '__main__':
    app.run()

 将run里改成这样，局域网里的就可以访问你的IP了，终端会出现你的IP

if __name__ == '__main__':
    app.run(host='0.0.0.0', port='5000')

可以通过标签控制浏览器显示的样式。 

flask等框架支持把标签都写到文件里

from flask import Flask, render_template

#网页内容默认在templates目录里

return render_template("index.html")

 浏览器能识别的标签

在head里面

2.1编码

<meta charset="UTF-8">

2.2 title

<title>中国联通</title>

 在body里面

2.3标题（一共六级）

<h1>一级标题</h1>

<h2>二级标题</h2>

2.4 div和span

<div>内容</div>

<span>内容</span> 

div会占一整行，是【块级标签】

span内容会挨着放，自己多大就占多大，【行内标签】

2.5超链接

<a href="   ">点击跳转</a>

跳转到别人的网站要写全路径

跳转到自己的网页可以简写

<a href="/goods/list">点击查看</a>

链接是@app.route("/user/list") 绑定的网址

2.6 图片 

<img src="图片地址" />

显示自己图片

创建static目录，图片要放在放在static目录

<img src="/static/图片地址" />

修改图片大小

<img  style="height: 100px; width:100px;" src="/static/图片地址" />

仅仅指定高度就会等比例缩放  （10%  也可以不指定像素，写成百分号）

 超链接和图片嵌套，加target可以在新页面跳转。

    <a href="https://www.mi.com/shop" target="_blank">
      <img src="/static/小米.jpeg">
    </a>

 2.7 列表

块级标签

<ul>

        <li>中国移动</li>

        <li>中国联通</li>

</ul>

ol是有序号的

<ol>

        <li>中国移动</li>

        <li>中国联通</li>

</0l>

2.8 表格

<table>
    <thead>
        <tr> <th>ID</th>  <th>姓名</th>   <th>年龄</th>  </tr>

    </thead>
    <tbody>
        <tr>  <td>111</td>  <td>小明</td>  <td>19</td>   </tr>
        <tr>  <td>112</td>  <td>小王</td>  <td>29</td>   </tr>
        <tr>  <td>113</td>  <td>小张</td>  <td>20</td>   </tr>

    </tbody>

</table>

<table border="1">  给表格加边框