当前位置: 首页 > article >正文

前端引入和html标签

先安装 flask模块

pip install flask

from flask import Flask

app = Flask(__name__)

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

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

运行代码之后:

(注意: http://127.0.0.1:5000/show/info 是网址,在生成的网址后+/show/info)

Flask框架为了让我们写标签方便,支持将字符串写入到文件里

(render_template()函数从模版文件夹templates中呈现给定的模板。)

 创建templates文件夹 在其目录下创建 index.html 文档,在index.html文档中书写html代码

 

 2.浏览器能识别的标签

在<head>里的标签

<meta charset="UTF-8">#编码
<title>我的网站</title>#title

在<body>里的标签

标题<h1></h1>【块级标签】(占一整行)

<h1> 1级标题 </h1>
<h2> 2级标题 </h2>
<h3> 3级标题 </h3>
<h4> 4级标题 </h4>
<h5> 5级标题 </h5>
<h6> 6级标题 </h6>

div【块级标签】和span【行内标签】

<div>内容</div>#自己占一整行
<span>内容</span>#自己有多少占多少

 以下为index.html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的网站</title>
</head>
<body>
    <h1> 1级标题 </h1>
    <h2> 2级标题 </h2>
    <h3> 3级标题 </h3>
    <h4> 4级标题 </h4>
    <h5> 5级标题 </h5>
    <h6> 6级标题 </h6>
    <div>div1</div>
    <div>div2</div>
    <span>span1</span>
    <span>span2</span>
</body>
</html>


http://www.kler.cn/news/11963.html

相关文章:

  • 我所认识的设计模式
  • Python+VUE生成PDF小案例
  • Ansible——介绍ansible
  • 计算专题(小计算题)
  • ubuntu中通过vscode编译调试ORB-SLAM3
  • 图文在线翻译-文本翻译
  • 流程管理中间件BPS二期项目立项准备工作经验分享
  • 测试包的更新
  • 二、JS02 BOM操作
  • 用了这几个方法,Facebook广告转化真上去了!
  • 优思学院|质量大师的那些名言(一)【质量是免费的】
  • 《算法竞赛进阶指南》0x51 线性DP
  • 计及氢能的综合能源优化调度研究(Matlab代码实现)
  • Yolov5一些知识
  • JUC并发编程之读写锁原理
  • 01 |「ChatGPT」简介
  • 机器学习算法系列(三)
  • 命令设计模式(Command Pattern)[论点:概念、组成角色、相关图示、示例代码、框架中的运用、适用场景]
  • 【计算机图形学】扫描转换算法(Bresenham1/4圆法 椭圆两头逼近法 方形刷子)
  • 密度聚类算法(DBSCAN)实验案例
  • LeetCode每日一题 1023. 驼峰式匹配 --双指针
  • 零零信安-DD数据泄露报警日报 【第144期】
  • MySQL创建数据表(CREATE TABLE语句)
  • [STM32F103C8T6]DMA
  • 4.17日报
  • 代码随想录算法训练营第三十九天-动态规划2|62.不同路径 , 63. 不同路径 II
  • 原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
  • RabbitMQ之介绍
  • 2023TYUT移动应用软件开发程序修改题
  • C/C++程序设计——static关键字