python web学习

本文介绍了如何使用 Flask 框架创建简单的 Web 应用,包括设置路由 '/show/info',以及使用 render_template 渲染HTML页面。通过实例学习了HTML结构和基本元素,如标题、段落、超链接和列表。
摘要由CSDN通过智能技术生成

web(一)

from flask import Flask
app = Flask(__name__)


# 创建网址 /show/info 和 函数index的对应关系
# 以后用户在浏览器上访问 /show/info ,网站自动执行index函数
@app.route("/show/info")
def index():
    return "China"

if __name__ == '__main__':
    app.run()
from flask import Flask,render_template
app = Flask(__name__)


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

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


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>内容</div>  # 占一行
    
    <h1>一级标题</h1>
    <h3>三级标题</h3>

</body>
</html>

HTML知识

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的</title>
</head>
<body>
    <h1>csdn</h1>
    <h3>是真的</h3>
    <div>
        是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.
    </div>
    <div>
        <a href = "http://www.baidu.com/">点击跳转百度</a>
    </div>

</body>
</html>

运行界面: 

 图片

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

超链接

# 跳转到其他页面

 <a href = "http://www.baidu.com/">点击跳转百度</a>
# 跳转到自己网站的其他地址

<a href = "http://127.0.0.1:5000/get/news">点击跳转</a>
<a herf = "/get/news">点击跳转</a>
# 当前页面打开
<a herf = "/get/news">点击跳转</a>

# 新的页面打开
<a herf = "/get/news" target = "_blank">点击跳转</a>

列表标签

# 有序标签
    <ol>
        <li>
            中国联通
        </li>
        <li>
            中国移动
        </li>
        <li>
            中国电信
        </li>
    </ol>

 

 

# 无序标签 
    <ul>
        <li>
            中国联通
        </li>
        <li>
            中国移动
        </li>
        <li>
            中国电信
        </li>
    </ul>

 

表格标签

    <table>
        <thead>
            <tr>  <th>ID</th>   <th>姓名</th>    <th>年龄</th>  </tr>
        </thead>
        <tbody>
            <tr>  <td>10</td>  <td>佳佳</td>   <td>10</td></tr>
            <tr>  <td>13</td>  <td>贝贝</td>   <td>12</td></tr>
            <tr>  <td>23</td>  <td>丽丽</td>   <td>12</td></tr>
        </tbody>
    </table>

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值