HTML page template layout content inheritance, block

Base.html

<! DOCTYPE html>"en">"UTF-8"> <title>Title</title> <style>. nav{text-Align:center; Line-height:40px; Width:100%; Background-color:#2459A2;Color:white; Font-size:20px; }. left{Width:20%; Min-height:600px;            Overflow:auto; Background-Color:lightgray; }. manage{text-Align:center; padding:20px 0px;<!--up and down 20, left and rightmargin:20px 0; Font-size:20px; } a{Text-Decoration:none;            }. content{width:70px; Min-height:600px;        }. left,.content{Float:left; } h1{Text-Align:center; }    </style>class="outer"> <divclass="nav"> Title </div> <divclass=" Left"> <divclass="Student Manage"><a href="student.html"> Student Management </a></div> <divclass="Teacher Manage"><a href=""> Teacher Management </a></div> <divclass="Course Manage"><a href=""> Course Management </a></div> <divclass="Classes Manage"><a href=""> class Management </a></div> </div> <divclass="content">

 {% block content%} added a quick, and end flag  {% Endbloc K%}
    </div></div></body>
Student.html
" base.html " %} reference {% block content%} block-level    {for-in student_list% }                         {% endfor%} {% Endblock%} block-level end flag
HTML page template layout content inheritance, block