Time Table project using html only
himanshu1 min read
<!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
10
Subscribe to my newsletter
Read articles from himanshu directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by