Templates — Django

base.html — template inheritance

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>{% block title %}NelsonLabs{% endblock %}</title>
  <link rel="stylesheet" href="{% static 'css/style.css' %}" />
</head>
<body>
  <nav>
    <a href="{% url 'course-list' %}">Courses</a>
  </nav>

  <main>
    {% block content %}
    {# Child templates replace this block #}
    {% endblock %}
  </main>

  <footer>
    <p>&copy; {{ year }} NelsonLabs</p>
  </footer>
</body>
</html>

courses/list.html — child template

html

{% extends "base.html" %}

{% block title %}All Courses — NelsonLabs{% endblock %}

{% block content %}
<h1>Courses</h1>

{% if courses %}
  <ul>
    {% for course in courses %}
      <li>
        <a href="{% url 'course-detail' slug=course.slug %}">
          {{ course.title }}
        </a>
        <span>{{ course.level }}</span>
        {% if course.is_live %}
          <span class="badge">Live</span>
        {% endif %}
      </li>
    {% endfor %}
  </ul>
{% else %}
  <p>No courses available yet.</p>
{% endif %}
{% endblock %}

NOTE

Key template syntax. {{ variable }} — display a value. {% tag %} — logic (if, for, block, extends, include). {# comment #} — not rendered. {{ value|filter }} — transform a value (e.g., {{ title|upper }}, {{ date|date:'Y-m-d' }}).