How to Create Class Time Table in HTML

Creating Class Time Table Using HTML

Tables are frequently used in web pages to show information in well organized way which is easy to understand and looks pleasing to eyes. A table is a combination of rows and columns.

Followings are the tags that are used to create a table using HTML.

Tag to Create Table

<table></table> These are the basic tags that are used to create table.
Tags to Create Rows

<tr></tr> These are the tags that are used to define a row of a table.

Tags to Create Cell

<td></td> These are the tags used to deifne cells of a table.

Creating Time Table Using HTML

<html>
<head>
<title> Time Table</title></head>
<body>
<table border=1 cellspacing=3 cellpadding=8>
<tr>
<td colspan=4 align=center>
<b> Time Table Class 10th</b></td>
</tr>
<tr>
<td> Periods</td>
<td> 1</td>
<td> 2</td>
<td> 3</td>
<td> 4</td>
<td> 5</td>
<td> 6</td>
<td> 7</td>
<td> 8</td>
</tr>

<tr>
<td> Days</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>
</tr>
<tr>
<td> Monday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>

</tr>

<tr>
<td> Tuseday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>
</tr>
<tr>
<td> Wednesday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>

</tr>
<tr>
<td> Thursday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>

</tr>
<tr>
<td> Friday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
</tr>

<tr>
<td> Saturday</td>
<td> Comp</td>
<td> Math</td>
<td> Urdu</td>
<td> Eng</td>
<td> Phy</td>
<td> Chem</td>
<td> PS</td>
<td> Islam</td>
</tr>

</body>
</html>

time table