FlaskでHTML・CSSを読み込むには

FlaskでHTML・CSSを読み込む

開発環境】
OS：Win10（64ビット）
言語：Python3.8.5（64bit）
コード エディター：VSCode
Webフレームワーク：Flask

【HTML・CSSを読み込む】
1）hello.pyファイルの作成
flask-todo-appフォルダの下にhello.pyファイルを作り、次のコードを書く

コード
from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def hello():
html = render_template('h_index.html',a = '変数なう')
return html

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

2）templatesフォルダにh_index.htmlファイルを作る。
下記のコード書く
＜!DOCTYPE html＞
＜html lang="en"＞
＜head＞
＜meta charset="UTF-8"＞
＜title＞HELLO＜/title＞
＜/head＞
＜body＞
＜p　class="hello"＞Sayhello＜/p＞
＜/body＞
＜/html＞

3）実行し、ブラウザを立ち上げ、URL：http://127.0.0.1:5000/を代入すると下記の様になれば、OK

CSSで装飾してみよう

1）h_index.htmlファイルを書き換える
＜!DOCTYPE html＞
＜html lang="en"＞
＜head＞
＜meta charset="UTF-8"＞
＜title＞HELLO＜/title＞
　 ＜linkrel="stylesheet" href="static/hello.css"＞
＜/head＞
＜body＞
＜p　class="hello"＞こんにちわ～＜/p＞
　＜p＞{{a}}＜/p＞
＜/body＞
＜/html＞

2）staticフォルダにhello.cssというファイルを作る
hello.cssファイルにコードを書く

.hello {
color: #f00;
}

3）実行する

なせか、CSSが反映されない！