HTML Rowspan and Colspan | HTML Exercise
Type this code in text editor and save the file with .html extension
--------------------------------------
<!doctype html>
<html>
<head></head>
<body><center><h3>TIME TABLE</h3></center>
<table border="1" cellpadding="5px" width="80%" align="center">
<tr height="80px">
<th>Day/Period</th>
<th>I 9:30-10:20</th>
<th>II 10:20-11:20</th>
<th>III 12:00-12:40</th>
<th>12:00-12:40</th>
<th>IV 12:40-1:30</th>
<th>V 1:30-2:20</th>
<th>VL 2:20-3:10</th>
<th>VII 3:10-4:00</th>
</tr>
<tr>
<td>Monday</td>
<td>Eng</td>
<td>Math</td>
<td>Che</td>
<td rowspan="5">LUNCH</td>
<td colspan="3">LAB</td>
<td>Phy</td>
</tr>
<tr>
<td>Tuesday</td>
<td colspan="3">LAB</td>
<td>Eng</td>
<td>Che</td>
<td>Math</td>
<td>SPORTS</td>
</tr>
<tr>
<td>Wednesday</td>
<td>Math</td>
<td>Phy</td>
<td>Eng</td>
<td>Che</td>
<td colspan="3">LIBRARY</td>
</tr>
<tr>
<td>Thursday</td>
<td>Phy</td>
<td>Eng</td>
<td>Che</td>
<td colspan="3">LAB</td>
<td>Math</td>
</tr>
<tr>
<td>Friday</td>
<td>Phy</td>
<td>Eng</td>
<td>Che</td>
<td colspan="3">LAB</td>
<td>Math</td>
</tr>
</table>
</body>
</html>
--------------------------------------
Output-
0 Comments