Time Table project using html only
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>project TT</title>
</head>
<body>
<table border cellpadding="15px">
<!-- whenever we have to write a heading in html5 we have to use <thead></thead> -->
<thead>
<tr>
<th colspan="7">time table</th>
</tr>
<tr>
<th>day/lec</th>
<th>I <br /> 9:00-10:00</th>
<th>II <br />10:00-1</th>
<th>III <br />11:00-12:00</th>
<th>lunch <br></th>
<th>IV <br />12:00-1:00</th>
<th>V <br />1:00-2:00</th>
</tr>
</thead>
<!-- head cant penetrate the body -->
<!-- table body -->
<tbody>
<tr>
<th>monday</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td rowspan="6">lunch</td>
<td>l4</td>
<td>l5</td>
</tr>
<tr>
<th>tuesday</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td>l4</td>
<td>l5</td>
</tr>
<tr>
<th>wednesay</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td>l4</td>
<td>l5</td>
</tr>
<tr>
<th>thrusday</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td>l4</td>
<td>l5</td>
</tr>
<tr>
<th>friday</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td>l4</td>
<td>l5</td>
</tr>
<tr>
<th>saturday</th>
<td>l1</td>
<td>l2</td>
<td>l3</td>
<td colspan="3">free</td>
</tr>
</tbody>
</table>
</body>
</html>
the above code demonstrate the project using html only