To Write a html webpage page to display your timetable.
Create a simple table using table tag
Add header row using th tag
Add your timetable
Execute the program
<!DOCTYPE html>
<html>
<center>
<head>
<title>🗓️TIME TABLE🗓️</title>
<link rel="icon" href="https://media.discordapp.net/attachments/533340656987275284/906080541344956436/kissclipart-saveetha-university-chennai-logo-clipart-saveetha-3a90c06681798db2.png" type="image/icon type">
</head>
<body>
<table border = "1" cellspacing="1" bordercolor="#C19A6B" bgcolor="transparent">
<tr>
<th colspan="8">TIME TABLE</th>
<br></br>
<table border = "1" cellspacing="1" bordercolor="#C19A6B" bgcolor="transparent">
<br></br>
<img src="https://cdn.discordapp.com/attachments/533340656987275284/914068516334891028/logo.png" width="662" height="100">
<tr>
<th colspan="8">TIME TABLE</th>
</tr>
<tr>
<br></br>
<th colspan="4">Name:Easwari M </th>
<th colspan="4">Reference Number:23006280 </th>
</tr>
<tr>
<th>DAYS</th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tr>
<td align="center">MONDAY</td>
<td align="center">19AI414/MICHAEL DEVINE</td>
<td align="center">19AI303/SELLAKUMAR</td>
<td align="center">19EE305/MAX SAVIO</td>
<td align="center">19MA222/JANAKI</td>
</tr>
<tr>
<td align="center">TUESDAY</td>
<td align="center">19AI304/SILAMBARASI</td>
<td align="center">19EN101/MADHANAVALLI</td>
<td align="center">19AI414/MICHAEL DEVINE</td>
<td align="center">---</td>
</tr>
<tr>
<td align="center">WEDESDAY</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">19AI303/SELLAKUMAR</td>
<td align="center">19EN101/MADHANAVALLI</td>
</tr>
<tr>
<td align="center">THURSDAY</td>
<td align="center">19EE305/MAX SAVIO</td>
<td align="center">---</td>
<td align="center">19AI414/MICHAEL DEVINE</td>
<td align="center">---</td>
</tr>
<tr>
<td align="center">FRIDAY</td>
<td align="center">---</td>
<td align="center">19AI304/SILAMBARASI</td>
<td align="center">19EY701/JOEL CHRIS</td>
<td align="center">19MA222/JANAKI</td>
</tr>
</table>
<h2><u>Enrolled Subject</u></h2>
<H3>1. 19AI414 - Fundamentals of Web Application</H3>
<H3>2. 19EN101 - Communicative English</H3>
<H3>3. 19MA222 - Probability and Queueing MOdels</H3>
<H3>4. 19AI302 - Engineering Mechanics and Product Development</H3>
<H3>5. 19EY701 - Soft Skills</H3>
</body>
</body>
<style>
body {
background: linear-gradient to right, (#ADD8EF, #FFB6C1);
color: #333333;
font-family: "Euclid Circular B Medium", Poppins;
}
<script>
.footer {
padding: 32px 0;
position: absolute;
width: 100%;
background-color: red;
color: white;
text-align: center;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.footer p {
margin: 0;
line-height: 26px;
font-size: 15px;
color: #990099;
}
.footer p a {
background: linear-gradient(to right, #f27121, #e94057, #8a2387);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-decoration: none;
}
.footer p a:hover {
color: white;
}
</style>
</html>
Time table is successfully created
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent