To write a html webpage page to display your slot timetable.
Create a Django-admin Interface.
Create a static folder and inert HTML code.
Create a simple table using <table> tag in html.
Add header row using <th> tag.
Add your timetable using <td> tag.
Execute the program using runserver command.
<!DOCTYPE html>
<html >
<head>
<title>Slot Time Table</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 20px;
}
h2 {
margin-bottom: 5px;
}
table {
border-collapse: separate;
margin: 20px auto;
width: 80%;
}
th, td {
font-weight: bold;
border: 1px solid rgb(89, 255, 0);
padding: 10px;
text-align: center;
}
th {
background: rgb(0, 221, 255);
}
.highlight {
background: rgb(241, 241, 241);
}
</style>
</head>
<img src="Screenshot 2025-09-29 151728.png
" alt="Background Image" style="width:300px; margin-bottom:20px;">
<h2>SLOT TIME TABLE - SWETHA K (25014909)</h2>
<table>
<tr>
<th>Day/Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<TH>Saturday</TH>
</tr>
<tr>
<td>8-10</td>
<td>FREE</td>
<td>WEB</td>
<td>FREE</td>
<td>FREE</td>
<td>C PROGRAM</td>
<TD>WEB</TD>
</tr>
<tr>
<td>10-12</td>
<td >WEB</td>
<td >FREE</td>
<td> FREE</td>
<td> C PROGRAM</td>
<td> FREE</td>
<td> FREE</td>
</tr>
<tr>
<td>12-1</td>
<td colspan="6" >L U N C H</td>
</tr>
<tr>
<td>1-3</td>
<td >C PROGRAM</td>
<td >WEB</td>
<td >MENTOR</td>
<td >FREE</td>
<td >WEB</td>
<TD rowspan="2">FREE</TD>
</tr>
<tr>
<td>3-5</td>
<td >FREE</td>
<td >FREE</td>
<td >C PROGRAM</td>
<td >C PROGRAM</td>
<td> FREE</td>
<table>
<tr>
<th>S. No.</th>
<th>Subject Code</th>
<th>Subject Name</th>
</tr>
<tr>
<td>1.</td>
<td>19AI414</td>
<td>Fundamentals of Web Application Development (FWAD)</td>
</tr>
<tr>
<td>2.</td>
<td>19AI304</td>
<td>Fundamentals Of C Programming</td>
</tr>
</table>
The program for creating slot timetable using basic HTML tags is executed successfully.