Scribd
Upload
11 views

Table Using HTML (LAB)

Uploaded by

tanvibehera10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

Table Using HTML (LAB)

Uploaded by

tanvibehera10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

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.

You might also like