<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tables and Lists </title>
</head>
<body>
<ul type="disc ">
<li>this is first item of my unorderd list</li>
<li>this is second item of my unorderd list</li> <br>
<ul type="square">
<li>another one</li>
<li>another two</li>
<li>another three</li>
</ul> <br>
<li>this is third item of my unorderd list</li>
</ul>
<ol type="I">
<li>this is first item of my orderd list</li>
<li>this is second item of my orderd list</li> <br>
<ol type="a">
<li>this is first</li>
<li>this is second</li>
<li>this is third</li>
<br>
</ol>
<li>this is third item of my orderd list</li>
</ol>
<!-- Tables -->
<h3>HTML Table</h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Employee Id</th>
<th>Employee role</th>
</tr>
</thead>
<tbody>
<td> Himanshu </td>
<td> 12345678 </td>
<td> programmer </td>
</tbody>
<tbody>
<td> Priyanshu </td>
<td> 123456322</td>
<td> Web Designer </td>
</tbody>
<tbody>
<td> Suryanshu </td>
<td> 643664338 </td>
<td> HTML Expert </td>
</tbody>
</table>
</body>
</html>
