• 一、快速开发网站
• 二、浏览器能识别的标签
• • 1.< head >
  • 2.< body >
  • • 2.1 表题级别
    • 2.2 div和span
    • 2.3 超链接
    • 2.4 图片
• 三、标签的嵌套
• 小结

#pip install flask

from flask import Flask

app = Flask(__name__)


#创建了网址/show/info 和函数 index 的对应关系
#以后用户在浏览器上访问 /show/info ，王者自动执行 index
@app.route("/show/info")
def index():
    #return "练习快速发开网站"
    return "练习快速发开网站"

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

#需要手动停止

运行结果：

输入结果网址，记得加上/show/info，就可以看到所得的网页

现在的问题是：

• 别人的好看vs咱们的难看

  浏览器可以识别很多的标签+数据，例如：

  < h1> 练习                ——> 浏览器看见加大加粗
  < span style = ‘color:red;’> 快速发开网站  ——> 浏览器看见字体变红色

  如果我们能把浏览器能识别的所有的标签都学会，我们在网站就可以控制页面到底长什么样子。

• Flask框架为了让用户写标签方便，支持将字符串写入到文件里。

from flask import Flask，render_template

app = Flask(__name__)


#创建了网址/show/info 和函数 index 的对应关系
#以后用户在浏览器上访问 /show/info ，王者自动执行 index
@app.route("/show/info")
def index():
    #return "练习快速发开网站"
    #return "练习快速发开网站"
	
	#Flask内部会自动打开这个文件，并读取内容，将内容给用户返回。
	#默认:去当前项目目录的templates文件夹中找。

    return render_template("index.html")#文件路径

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

  在当前目录中新建文件夹，命名为“templates”，并在该文件夹中新建HTML文件，并命名为“index”。

  会得到默认代码块，在自定义内容的位置加上我们的文字。再次运行，一样可以得到刚才网页。

1.1 编码

1.2 浏览器表头

结果：

1级标题
2级标题
3级标题
4级标题
5级标题
6级标题

结果：

 内容 
内容

• div，一个人占一整行。【块级标签】
• span，自己有多大就占多少。【行内标签、内联标签】

注意：这两个标签比较素，没有其他功能。后续可以用css改变样式。

跳转到其他的网站（写全）

点击跳转

跳转到自己的网站（可以简写）会在当前网址跳转

 点击跳转
 点击跳转

若实现新建页面跳转，加上target="_blank"即可。

自闭合标签

直接显示别人的图片地址：

但是有风险

显示自己的图片：

1. 自己项目中创建：ststic目录，图片要放在ststic中
2. 在页面上引入图片

设置图片大小

只设置高或宽时，图片按比例缩小


可以按px像素设置高或宽


也可以按百分比设置高或宽

    
商品列表
    
    
        


    
    
    
        


    

能实现点击图片进行当前页面跳转的功能。

以上就是今天要讲的内容，通过Flask快速搭建网页，并了解了浏览器能够识别的一些标签。

块级标签

行内标签

以及标签里的嵌套

	xxx