Это работа тега привязки.
Jinja2 (компонент рендеринга шаблона Flask) позволяет вам использовать функцию url_for
для динамического создания URL-адреса для данной функции просмотра.
В вашем случае:
<a href="{{ url_for('home') }}">Home</a>
С вашим кодом это будет отображаться в браузере как:
<a href="/home">Home</a>
Даже если вы измените конечную точку в app.route
функция декоратора, которая будет отображаться с правильным URL.
Чтобы придать этому виду кнопки, я бы предложил использовать Bootstrap библиотеку. Это можно включить из CDN, добавив в head
вашего HTML шаблона следующее:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap.min.css" integrity="sha256-/ykJw/wDxMa0AQhHDYfuMEwVb4JHMx9h4jD4XvHqVzU=" crossorigin="anonymous" />
Затем назначить стиль кнопки так же просто, как добавить атрибут class
к вашей привязке tag:
class='btn btn-primary'
См. другие доступные классы в bootstrap docs