Templates & Layout

urls.py - /path/theproject/theapp

from django.urls import path 
from . import views

urlpatterns = [ 
    path('', views.index, name='index'),
    path('about', views.about, name='about'),
]

views.py - /path/theproject/theapp

from django.shortcuts import render
from django.http import HttpResponse 

def index(request): 
    context = {}
    context['title'] = 'Home'
    return render(request, 'index.html', context)

# one liner for simple use    
def about(request): return render(request, 'about.html', { 'title': 'About' })

Layout Template

base.html - /path/theproject/theapp/templates

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
        <title> {{ title }} </title>
         {%load static%} 
        <link rel="stylesheet" href=" {% static 'css/style.css' %} " />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </head> 
    <body> 
         {% block content %} 
         {% endblock %} 
    </body>
</html>

index.html - /path/theproject/theapp/templates

{% extends 'base.html' %}
{% block content %}
  <h1>Home Page</h1> 
  <a href="{% url 'about' %}">About Page</a>
{% endblock %}

about.html - /path/theproject/theapp/templates

{% extends 'base.html' %}
{% block content %}
  <h1>About Page</h1> 
  <a href="{% url 'index' %}">Home Page</a>
{% endblock %}

Basics

Templates & Forms

Database

Useful Functions

Templates & Layout

Layout Template