LAB ASSIGNMENT: HTML TABLES
Aim
To understand and implement HTML table elements for organizing and displaying data in
tabular format.
Learning Outcomes
After completing this lab, students will be able to:
Create tables using <table>, <tr>, <th>, and <td>
Use table attributes such as border, rowspan, and colspan
Create structured tables for real-world applications
Design academic and exam-oriented tables using HTML only
Instructions
Use HTML only (no CSS, no JavaScript)
Save the file with .html extension
Execute the program in a web browser
PROGRAM 1: BASIC HTML TABLE
Question:
Create a simple HTML table to display student details such as Roll Number, Name, and
Department.
PROGRAM 2: TABLE WITH CAPTION
Question:
Create an HTML table with a caption to show semester-wise marks.
1
PROGRAM 3: TABLE USING ROWSPAN
Question:
Create a table to display faculty and subjects using rowspan.
PROGRAM 4: TABLE USING COLSPAN
Question:
Create a table showing exam timetable using colspan.
PROGRAM 5: EXAM-ORIENTED TABLE
Question:
Create an HTML table to display student result with total and grade.
PROGRAM 6: MINI PROJECT – TIME TABLE
Question:
Design a complete weekly class timetable using HTML tables.
Problem Statement
Design a weekly class timetable for a CSE department using an HTML table with the following
conditions:
Days from Monday to Friday
Time slots from 9:00 AM to 4:00 PM
Include Lunch Break using rowspan
Include Lab sessions using colspan
Use only HTML (no CSS, no JavaScript)