共通テンプレートの作り方

templetes フォルダにindex.htmlの内容をコピーして新しいファイルlayout.htmlを作成

※index.htmlの内容とは

このコードを編集してlayout.htmlに共通テンプレートを作っていきましょう！

＜body＞＜/body＞の中に
＜P＞共通テンプレート＜/p＞
{% block content %}
{% endblock %}

次にindex.htmlを開いて

＜head＞＜head/＞のヘッダーの中身を削除
{% extends "layout.html" %}で共通テンプレートのlayout.htmlをよびだす
{% block content %}と記載。これより先のコードを
layout.htmlの{% block content %}の部分に埋め込むイメージ

コードの末は
{% endblock %}

ブラウザで表示すると

共通テンプレートと表示される
埋め込んだコードの文章が表示される