Time-Table||Learning Web Development||HTML
In this post, I want to share a small HTML project that I created using the basic knowledge of web development taught to me in the starting 3 weeks of my college journey – "the timetable of my class". This project helped me practice basic HTML tags and understand how to organise information clearly on a web page.
As a student, it boosted my confidence in web development and gave me a chance to apply my theoretical knowledge in practical. It gave me a chance to apply what I am learning in web development in a real, useful way.
To build the timetable, I started with a basic HTML file structure with the head and body sections. Inside the body, I used the table tag along with thead, tbody, tr, th and td tag to arrange days, time, and subjects in rows and columns. I also used attributes such as width, height, cellspacing, cellpadding, bgcolor and other attributes. I used simple styling to make the table easier to read.
By creating this timetable, I improved my understanding of how HTML tables work and how to structure data properly. I also realised that even a small project like this can be challenging as it gave me a lot of errors initially but finally it was successfully created and it motivated me to try more web development projects.
Time → |
I | II | III | IV | V | VI | VII | VIII | IX |
|---|---|---|---|---|---|---|---|---|---|
| Day ↓ |
08:50-09:40 | 09:40-10:30 | 10:40-11:30 | 11:30-12:20 | 12:20-01:10 | 01:10-02:00 | 02:00-02:50 | 02:50-03:40 | 03:40-04:30 |
| Monday | 25CS151 (SHV) RJ-101 |
25EC101 (MSX) RJ-101 |
25AS102 (SCH) RJ-101 |
25HU101 (SGI) RJ-101 |
LUNCH | 25ME101 (HS) RJ-101 |
25AS102 (SCH) RJ-101 |
Mentor-Mentee (HS,SHV) RJ-101 |
|
| Tuesday | 25EC151 (MSX,KB) Bhabha Block I Floor(BH-115) |
25CS101 (SHV) RJ-101 |
25CS101 (SHV) RJ-101 |
25HU102 (VM) RJ-101 |
25ME101 (HS) RJ-101 |
25AS102 (SCH) RJ-101 |
25EC101 (MSX) RJ-101 |
||
| Wednesday | 25EC101 (MSX) RJ-101 |
25AS102 (SCH) RJ-101 |
25HU102 (VM) RJ-101 |
25VA151 (DDH) RJ-101 |
25ME101 (HS) RJ-101 |
25ME151 (MK,ASX) Vishwakarma Block Ground Floor |
|||
| Thursday | 25AS102 (SCH) RJ-101 |
25ME101 (HS) RJ-101 |
25HU101 (SGI) RJ-101 |
25EC101 (MSX) RJ-101 |
25HU102 (VM) RJ-101 |
25AS102 (SCH) RJ-101 |
25VA151 (DDH) RJ-101 |
||
| Friday | 25AS102 (SCH) RJ-101 |
25HU101 (SGI) RJ-101 |
25ME101 (HS) RJ-101 |
25HU151 (SGI,SSG) KC Block V Floor(KC-510) |
25CS101 (SHV) RJ-101 |
25CS101 (SHV) RJ-101 |
25EC101 (MSX) RJ-101 |
||
| SUBCODE | SUBNAME | FACULTY(Abbr.) | LABCODE | LAB NAME | FACULTY(Abbr.) |
|---|---|---|---|---|---|
| 25ME101 | Basics of Mechanical & Automation Engg. | Mr. Harvir Singh (HS) | 25CS151 | Data Structure Lab | Ms. Shailja Varshney(SHV) |
| 25EC101 | Basics of Electronics Engg. | Mr. Mudit Saxena (MSX) | 25HU151 | Professional Communication Lab | Dr. Sonia Gouri (SGI) Dr. Shruti Singh(SSG) |
| 25AS102 | Fundamentals of Linear Algebra and Statistics | Dr. Shweta Choudhary(SCH) | 25EC151 | Basics Electronics Engg. Lab | Mr. Mudit Saxena(MSX) Mr. Kamal Bhatia(KB) |
| 25CS101 | Data Structure | Ms. Shailja Varshney(SHV) | 25ME151 | Digital Manufacturing Lab | Dr. Manoj Kumar(MK) Dr. Abhishek Saxena(ASX) |
| 25HU101 | Soft Skills | Dr. Sonia Gouri(SGI) | 25VA151 | Web Designing Workshop I | Ms. Deepti S. Deshmukh(DDH) |
| 25HU102 | Design Thinking | Dr. Varun Mohan(VM) | Mentor-Mentee | Mr. Harvir Singh(HS) Ms. Shailja Varshney(SHV) |
Comments
Post a Comment