<nav> <ul><li><a href="{{ url_for('index') }}">Home</a></li></ul> </nav>
时间: 2023-12-15 08:03:26 浏览: 24
这是一个基本的HTML导航栏,使用了ul和li标签来创建一个无序列表,其中每个列表项都是一个链接,指向不同的页面。在这个例子中,只有一个链接指向主页。代码如下:
```html
<nav>
<ul>
<li><a href="{{ url_for('index') }}">Home</a></li>
</ul>
</nav>
```
相关问题
如何用python写前端
Python是一种后端语言,用于服务器端编程和数据处理。虽然Python可以用于Web开发,但通常不会直接用于编写前端。相反,前端通常使用HTML、CSS和JavaScript等技术来构建。
如果您想使用Python编写前端,可以考虑使用Python库,例如Flask、Django或Bottle来构建Web应用程序的后端,并将其与HTML、CSS和JavaScript等前端技术结合使用。这样可以让Python和前端技术之间的交互更加无缝,并且可以使用Python的强大功能来处理和管理数据。
以下是使用Flask和HTML/CSS/JavaScript的示例代码:
Flask后端:
```python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/about')
def about():
return render_template('about.html')
if __name__ == '__main__':
app.run(debug=True)
```
HTML/CSS/JavaScript前端:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<script src="{{ url_for('static', filename='script.js') }}"></script>
</head>
<body>
<header>
<h1>Welcome to my website</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
</header>
<main>
<p>Hello, World!</p>
</main>
<footer>
<p>© 2021 My Website</p>
</footer>
</body>
</html>
```
请注意,上述示例仅用于演示如何将Python和前端技术结合使用,并不是一个完整的Web应用程序。具体实现取决于您的需求和技能水平。
为django的admin写一个简单的base_site.html例子
以下是一个简单的base_site.html示例,用于自定义 Django Admin 界面:
```html
{% extends 'admin/base.html' %}
{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}
{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">My Site Admin</a></h1>
{% endblock %}
{% block nav-global %}
<ul class="nav">
<li{% if title == 'Dashboard' %} class="active"{% endif %}>
<a href="{% url 'admin:index' %}">
<i class="icon-home"></i>
<span>{% trans 'Dashboard' %}</span>
</a>
</li>
<li{% if title == 'Users' %} class="active"{% endif %}>
<a href="{% url 'admin:auth_user_changelist' %}">
<i class="icon-user"></i>
<span>{% trans 'Users' %}</span>
</a>
</li>
<li{% if title == 'Groups' %} class="active"{% endif %}>
<a href="{% url 'admin:auth_group_changelist' %}">
<i class="icon-group"></i>
<span>{% trans 'Groups' %}</span>
</a>
</li>
</ul>
{% endblock %}
```
这个示例中,我们使用了 Django Admin 的标准模板 `admin/base.html` 作为模板的基础,并重写了特定的块。在这个示例中,我们:
- 通过 `{% block title %}` 块自定义了页面标题;
- 通过 `{% block branding %}` 块自定义了网站名称;
- 通过 `{% block nav-global %}` 块自定义了导航栏的链接。
你可以根据自己的需求,添加或删除其他块,以自定义 Django Admin 界面。