基于flask框架，入门html标签的学习笔记

from flask import Flask, render_template  

app = Flask(__name__)  
# app = Flask（__name__, template_folder='xxx'）可以修改templates目录名称  


@app.route('/show/info')  # ('/show/info', methods=['GET']) 定义请求方式
def index():  
    # Flask内部会自动在当前项目工作目录下的 templates 文件夹中寻找对应文件并返回。  
    return render_template('index.html')  

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

2.HTML标签

2.1 head

2.2 body

2.2.1 标题

一级标题  
二级标题  
三级标题  

• 属于【块级标签】

• 从七级开始大小将没有变化，大概是四级标题的大小，且没有了加粗效果。

2.2.2 div和span

内容  
内容  

• div: 该标签中的内容会占一行。【块级标签】

• span: 该标签中的内容有多少占多少。【行内标签】

• 注意：这两个标签本身效果很简单，但是配合CSS样式运用会十分精彩。

2.2.3 超链接

# 跳转到其他网站  
点击跳转  

# 跳转到自己网站下的不同url  
点击跳转  
# 等价于  
点击跳转  

• 超链接标签是一个行内标签。

2.2.4 图片

• img 标签是一个自闭和标签和行内标签。

  如果被引用的图片网站加了防盗链，则无法在自己的网站里显示。

  # 使用自己的图片
  # 在当前工作目录下创建 static 文件夹，将需要的图片放入其中。
      
  
  # 修改图片大小
  # 在标签里面加一个样式
      
      

小结

• 标签

  # 块级标签
      
      
  # 行内标签
      
      
      

• 嵌套

      
          
      
  
  
        
      # 可以在 href 后面加一个 target='_blank' 表示在新标签页打开href里面的网址
          
      
  

  每张图片会单独占一行并且点击任意一张图片都会跳转到对应网页。

2.2.5 列表

无序列表：内容前面有小黑点标记

    
内容
    
内容

有序列表：内容前面有数字序号标记

    
内容
    
内容

定义列表：

• 列表标签是一个块级标签。

type值	有序列表序号类型
1	1、2、3......
a	a、b、c......
A	A、B、C......
i	i、ii、iii......
I	I、II、III......

内容
  #默认 type值为1

2.2.6 表格

    

    

        
姓名
        
年龄
        
爱好
    
    
    

    

        
亚索
        
28
        
E
    
    

        
小橘子
        
18
        
飙车
    
    

        
斯沃特
        
24
        
打枪
    
    

• 表格由和组成

• border='1'表示用一个默认的边框框住表格

• 标签代表这是表格中的一行

• 可以在标签中嵌套其他标签（超链接和图片等）

2.2.7 input系列

  # 输入文本
  # 输入密码（小圆点）
  # 上传文件
# 单选框
亚索
永恩
# 复选框
Q
W
E
R
# 按钮
  # 普通按钮
  # 可以提交表单

• 标签是一个行内标签，输入框的显示有着固定好的长度，多的字符会进行堆叠。

• 单选框中要保证name变量相同才能实现单选，否则可以同时选取。

2.2.8 下拉框

    1
    2
    3
    4
    5

实现多选（按住ctrl或shift点击）

    1
    2
    3
    4
    5

2.2.9 多行文本

• 生成一个可以任意拉动的长宽的多行输入文本框。

• rows变量表示文本框生成时的默认行数。

2.2.10 form表单标签

  
# method 代表请求方法，action 代表请求的网址
    
    
    

• 一定要在标签里面写上name属性。

  • 如果是选择框，除name要定义外，还要定义value值。value值可以在表单提交后跳转的网站url里面找到（如果是get请求方法）。

  亚索
  永恩
  
  Q
  W
  E
  R
  
  
      1
      2
      3
      4
      5
  

• from flask import request可进行更多操作。

@app.route('/post/reg', methods=['POST'])
def post_reg():
    print(request.form)
    return 'ok'
# 可以测试一下，methods里面大小写应该都可以
@app.route('/get/reg', methods=['GET'])
def post_reg():
    print(request.arg)
    return 'ok'
# 等价于
@app.route('/register', methods=['POST', 'GET'])
    if request.methods == 'POST':
    print(request.form)
    return 'ok'
    if request.methods == 'GET':
    print(request.arg)
    return 'ok'

• 方法request.form.get('')，传入对应的name即可逐一得到对应的数据。