You are on page 1of 11

Welcome to Practical class

Subject: ICT

Subject code: 275


Conducted by

Rashedul Islam
Lecturer in Computer Science
Rajuk Uttara Model College
Lab Work # 03 Date of Lab work: 27 /09/2014

Date of submission: 13 /10/2014

Name of the lab work: Creating Table and Uses of Row span and
Column span.

Theory:
In a HTML document, <table> tag is used to prepare
table.<tr>,<td>,<th> etc are some relevant tags used to
design a table.
Uses of the instruments:

• Hardware : A computer
• Software : Operating system-Windows 7
Application software-Notepad
Web browser- Internet Explorer,
Mozilla firefox, google chrome etc.
Use :

Following procedure have to followed to perform


the above experiment in terms of using the
instruments:
1. Before starting the task, we have to check electric
connection of the computer.

2. Turn on the power switch of the computer to start it.


3. We have to check whether the above mentioned
software are installed in the computer or not.

4. To run necessary program to perform the mentioned


experiment.

5. After performing the experiment, we have to close all


the programs and shutdown the computer in proper way.
Follow up process:
• Following procedure have to be followed to perform the
experiment.
 Click Start
 Click All Programs
 Click Accessories>Notepad
 Type following program in the notepad
<html>
<head>
<title>Merging table row and column</title>
</head>
<body>
<table border="1">
<caption> This is a table</caption>
<tr>
<th colspan=2>Header1</th><th>Header2</th></tr>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<th rowspan=2>Header3</th>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td></tr>
<tr><td>Row 4, cell 2</td>
<td>Row 4, cell 3</td></tr>
</tr>
<tr>
</table>
</body>
</html>
To save the file

Click on file menu


Click on Save submenu
Type lab3table.htm in the file name box
Click on save button

Explanation:
Tags Description
<table> Defines a table
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
<caption> Defines a table caption
<th colspan=2> Merge 2 column
<th rowspan=2> Merge 2 rows
Now save the file by the name lab3table.htm
Result: After double click on lab3table.htm
file following web page is obtained.
Let’s have a practice……

You might also like