School: ............................................................................................................. Campus: .......................................................
Academic Year: ...................... Subject Name: ........................................................... Subject Code: ..........................
Semester: ............... Program: ........................................ Branch: ......................... Specialization: ..........................
Date: .....................................
(Learning by Doing and Discovery)
Table Using HTML.
* Coding Phase: Pseudo Code / Flow Chart / Algorithm
Step 1 :- Document Declaration and HTML Structure,
<!DOCTYPE html>: Declares the document type and version of HTML (HTML5 in
this case).
<html lang="en">: Opens the HTML document and specifies the language as English.
Step 2:- Declare Head Section.
<head>
<style> Block: Contains CSS rules for styling the table, header cells (th), and data cells
(td):
border: 3px solid black;: Sets a 3-pixel solid black border for the table, headers, and cells.
border-collapse: collapse;: Ensures borders between cells are collapsed into a single border.
text-align: center;: Centers the text in table cells.
<meta charset="UTF-8">: Specifies the character encoding for the document (UTF-
8, which supports most characters and symbols).
<meta name="viewport" content="width=device-width, initial-scale=1.0">:
Ensures the page is responsive and scales correctly on different devices.
<title>Document</title>: Sets the title of the HTML document, which appears on the
browser tab.
</head>
Step 3:- Declare Body Section.
<body>: Contains the main content of the HTML document.
<table>: Starts the table element. However, there is a nested table tag here which is
incorrect and redundant.
One sheet per experiment (10-20) to be used.
* Coding Phase: Pseudo Code / Flow Chart / Algorithm
<tr>: Defines a row in the table.
<th colspan="6"> <u>Time Table</u> </th>: Creates a header cell spanning 6 columns
with underlined text "Time Table".
<td rowspan="6"> Hours </td>: Creates a cell spanning 6 rows in the first column to label
the hours.
<td> MON </td>, <td> TUE </td>, etc.: Define individual cells for each day of the
week.
<th> SCIENCE </th>: Defines a header cell for the "SCIENCE" subject.
<td> MATHS </td>, etc.: Defines individual cells for subjects.
<td colspan="5"> LUNCH </td>: Creates a cell spanning 5 columns for the lunch
break.
<td rowspan="2"> Project </td>: Creates a cell spanning 2 rows for "Project".
One sheet per experiment (10-20) to be used.
* Coding Phase: Pseudo Code / Flow Chart / Algorithm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>data</title>
</head>
<style>
table,th,td,caption {
border:2px solid rgb(0, 0, 0);
border-collapse:collapse;
}
</style>
<body>
<table cellspacing="10">
<caption>data table</caption>
<tr>
<th></th>
<th>mon</th>
<th>tue</th>
<th>wed</th>
<td>thu</td>
<td>fri</td>
<td>sat</td>
</tr>
<th>8.00</th>
One sheet per experiment (10-20) to be used.
* Coding Phase: Pseudo Code / Flow Chart / Algorithm
<tr>
<th>8.00</th>
<td>iwt</td>
<td>c++</td>
<td>c</td>
<td>iwt</td>
<td>apit</td>
<td>java</td>
</tr>
<tr>
<th>9.00</th>
<td>java</td>
<td>react</td>
<td>java</td>
<td>iwt</td>
<td>english</td>
<td>dbma</td>
</tr>
<tr>
<th>10.00</th>
<td>c</td>
<td>java</td>
<td>dbms</td>
<td>c</td>
<td>react</td>
<td>skill</td>
</tr>
<tr> One sheet per experiment (10-20) to be used.
* Coding Phase: Pseudo Code / Flow Chart / Algorithm
<tr>
<th>11.00</th>
<td>dbms</td>
<td>node.js</td>
<td>c++</td>
<td>skill</td>
<td>c</td>
<td>iwt</td>
</tr>
</table>
</body>
</html>
One sheet per experiment (10-20) to be used.
* Implementation Phase: Final Output (no error)
.
There is no error found.
One sheet per experiment (10-20) to be used.
Implementation Phase: Final Output (no error)
DATA TABLE
mon tue wed thu fri sat
8.00 iwt c++ c iwt apit java
9.00 java react java iwt English dbms
10.00 c java dbms c react skill
11.00 dbms node.js c++ skill c iwt
One sheet per experiment (10-20) to be used.
Rubrics
Concept 10
Planning and Execution/ 10
Practical Simulation/ Programming
Result and Interpretation 10
Record of Applied and Action Learning 10
Viva 10
Total 50
Signature of the Student:
Name: TANVI BEHERA
Regn. No: 23014100096
Signature of the Faculty:
One sheet per experiment (10-20) to be used.