How to make Time Table in HTML.

Code for Time Table in HTML

How to span rows and Columns in HTML?

CODE:
<BODY BGCOLOR="HONEYDEW" TOPMARGIN="20">

<CENTER>
<H1> TIME TABLE : </H1>
 <table BORDER="2">
	<tbody>
		<tr>
			<td> </th>
			<th> 1</th>
			<th> 2</th>
			<th> 3</th>
			<th> 4</th>
			<th> </th>
			<th> 5</th>
			<th> 6</th>
			<th> </th>
			<th> 7</th>
			<th> 8</th>
		</tr>
		<tr>
			<td> </td>
			<td align="center"> 8:30-9:20</td>
			<td align="center"> 9:20-10:10</td>
			<td align="center"> 10:10-11:00</td>
			<td align="center"> 11:00-11:50</td>
			<td align="center"> 11:50-12:20</td>
			<td align="center"> 12:20-1:10</td>
			<td  align="center"> 1:10-2:00</td>
			<td align="center"> 2:00-2:20</td>
			<td align="center"> 2:20-3:10</td>
			<td colspan="2" align="center"> 3:10-4:00</td>
			
			
		</tr>
		<tr>
			<th align="center"> Mon</th>
			<td align="center"> AI</td>
			<td align="center"> MP & MC</td>
			<td align="center"> WEB</td>
			<td  align="center"> OS(T 12-B) <BR> COM(T 210)</td>
			<td  rowspan="9" align="center" > <CENTER> B<BR>R<BR>E<BR>A<BR>K </CENTER></td>
			<td align="center" > DCN</td>
			<td align="center"> OS</td>
			<td rowspan="9" align="center"> <CENTER>L<BR>U<BR>N<BR>C<BR>H</td>
			<td COLSPAN="2" align="center">ACTIVITY </td>
			
		</tr>
		
		<tr>
			<th align="center" rowspan="2"> TUE</th>
			<td align="center" rowspan="2">   MP & MC</td>
			<td align="center" rowspan="2"> AI</td>
			<td align="center" rowspan="2"> MP & MC(T-12A) <BR> DCN(T-128)</td>
			<td align="center" rowspan="2"> WEB</td>
			<td align="center" rowspan="2"> COM(T 12-B) <BR> OS(T-210)</td>
			<td align="center" rowspan="2"> COMPILER</td>
			<td COLSPAN="2" align="center"> DCN LAB (A)[8]  </td>
							
						
		</tr>
		<tr>
		   		
			<td colspan="2"> MP & MC LAB(8)</td>
		</tr>
		<tr>
			<th align="center" rowspan="2"> WED</th>
			<TD align="center" colspan="2"> OS LAB (A)[7] </TD>
			
			<td align="center" rowspan="2"> OS</td>
			<td align="center" rowspan="2" > COMPILER</td>
			
			<td align="center" rowspan="2"> WEB</td>
			<td align="center" rowspan="2"> MP & MC LAB(8) <BR> AI(T-128)</td>
			<td align="center" rowspan="2"> DCN</td>
			<td COLSPAN="2" rowspan="2" align="center"> SPORTS</td>
			
		</tr>
		<tr>
		   		
			<td colspan="2" align="center">  DCN LAB(8) </td>
		</tr>
		<tr>
			<th align="center" rowspan="2"> THUS</th>
			<td align="center" rowspan="2"> COMPILER</td>
			<td align="center" rowspan="2"> WEB</td>
			<td align="center" COLSPAN="2"> WEB LAB(8) </td>
			<td align="center" rowspan="2"> DCN</td>
			<td align="center" rowspan="2"> MP & MC</td>
			<td align="center" rowspan="2"> AI</td>
			<td align="center" rowspan="2"> OS</td>
			
		</tr>
		<tr>
		   	<td colspan="2" align="center"> MP & MC LAB(A)</td>
		</tr>
		<tr>
			<th align="center" rowspan="2"> FRI</th>
			<td align="center" rowspan="2"> AI</td>
			<td align="center" rowspan="2"> COMPILER</td>
			<td align="center" rowspan="2"> WEB</td>
			<td align="center" rowspan="2" > AI(T-210) <BR> DCN(T-128)</td>
			<td align="center" rowspan="2"> DCN</td>
			<td align="center" rowspan="2"> LIB</td>
			<td COLSPAN="2" align="center"> WEB LAB(7)  </td>
			
		</tr>
		<tr>
		   		
			<td colspan="2" align="center">  OS LAB 9-(B)</td>
		</tr>
		</tr>
		<tr> <td colspan="11"><B><CODE> DATA COMMUNICATION   </B>       (DCN) (TH+L)    :      MR. ANUPAM(PROCTOR) </td></tr>
		<tr> <td colspan="11"><B><CODE>ARTIFICIAL INTELLIGENCE  </B>   (AI) (TH+L)    :      MR. SIDDHARTH  </td></tr>
		<tr> <td colspan="11"><B><CODE>MICROPROCESSOR & MICROCONTROLLER </B>         (MP & MC) (TH+L)    :      MS SAMEENA </td></tr>
		<tr> <td colspan="11"><B><CODE>OPERATING SYSTEM        </B>  (OS) (TH+L)    :      MS. POOJA </td></tr>
		<tr> <td colspan="11"><B><CODE>WEB ENGINEERING        </B> (WEB) (TH+L)    :      MS. MONIKA </td></tr>
		<tr> <td colspan="11"><B><CODE>COMPILER        </B>  (COMPILER) (TH+L)    :      MS.SIKHA </td></tr>
	</tbody>
</table>
	
</table>
</center>

Output :

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top