HTML and CSS code for Class timetable
- compnomics
- Feb 13, 2024
- 1 min read
HTML Code
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>10th Class Timetable</title> <link rel="stylesheet" href="style.css"></head><body> <h1>10th Class Timetable</h1> <table> <tr> <th>Time</th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> <tr> <td>8:00 AM - 8:45 AM</td> <td>English</td> <td>Mathematics</td> <td>Science</td> <td>Social Science</td> <td>Computer Science</td> </tr> <tr> <td>8:45 AM - 9:30 AM</td> <td>Hindi</td> <td>Physics</td> <td>Chemistry</td> <td>History</td> <td>Physical Education</td> </tr> <tr> <td>9:30 AM - 10:15 AM</td> <td>Break</td> <td>Break</td> <td>Break</td> <td>Break</td> <td>Break</td> </tr> <tr> <td>10:15 AM - 11:00 AM</td> <td>Mathematics</td> <td>English</td> <td>Science</td> <td>Social Science</td> <td>Computer Science</td> </tr> <tr> <td>11:00 AM - 11:45 AM</td> <td>Physics</td> <td>Chemistry</td> <td>Hindi</td> <td>History</td> <td>Physical Education</td> </tr> <tr> <td>11:45 AM - 1:00 PM</td> <td>Lunch</td> <td>Lunch</td> <td>Lunch</td> <td>Lunch</td> <td>Lunch</td> </tr> <tr> <td>1:00 PM - 1:45 PM</td> <td>Social Science</td> <td>Computer Science</td> <td>English</td> <td>Mathematics</td> <td>Hindi</td> </tr> <tr> <td>1:45 PM - 2:30 PM</td> <td>History</td> <td>Physical Education</td> <td>Physics</td> <td>Chemistry</td> <td>Art</td> </tr> </table></body></html>CSS Code
body { font-family: Arial, sans-serif; margin: 0; padding: 20px;}h1 { text-align: center; font-size: 20px; margin-bottom: 20px;}table { border-collapse: collapse; width: 100%;}th, td { text-align: left; padding: 8px; border: 1px solid #ddd;}th { background-color: #eee; font-weight: bold;}
Comments