Example-1: Write HTML code for creating the following table on the web page.


<html>
    <body>
	<table border="1">
	<Caption>Horizontal headers</Caption>
		<tr>
		    <th>Name</th>
		    <th>Mobile</th>
		    <th>Email</th>
		</tr>
		<tr>
		    <td>Mizan</td>
		    <td>01724351470</td>
		    <td>mizanjust@gmail.com</td> 
		</tr>
		<tr>
		    <td>Amir</td>
		    <td>01918038095</td>
		    <td>amir@gmail.com</td> 
		</tr>
	</table>
    </body> 
</html>
Example-2: Write HTML code for creating the following table on the web page.

<html>
	<body>
		<table border="1">
			<Caption> Vertical headers </Caption>
			<tr>
				<th>Name</th>
				<td> Mizan</td>
				<td> Amir</td>
			</tr>
			<tr>
				<th>Mobile</th>
				<td>01724351470</td>
				<td>01918038095</td>
			</tr>
			<tr>
				<th>Email</th> 
				<td>mizanjust@gmail.com</td>
				<td>amir@gmail.com</td>
			</tr>
		</table>
	</body> 
</html>
Example-3: Write HTML code for creating the following table on the web page.

<html>
	<body>
		<table border="1">
			<Caption> Table with rowspan </Caption>
			<tr>
				<th>Name</th> 
				<td> Mizan</td>
				<td> Amir</td>
			</tr>
			<tr>
				<th rowspan="2">Contact</th>
				<td>01724351470</td>
				<td>01918038095</td>
			</tr>
			<tr> 
				<td>mizanjust@gmail.com</td>
				<td>amir@gmail.com</td>
			</tr>
		</table>
	</body> 
</html>
Example-4: Write HTML code for creating the following table on the web page.

<html>
    <body>
	<table border="1">
		<Caption>Table with colspan</Caption>
		<tr>
		    <th>Name</th>
		    <th colspan="2">Contact</th>				
		</tr>
		<tr>
		    <td>Mizan</td>
		    <td>01724351470</td>
		    <td>mizanjust@gmail.com</td> 
	        </tr>
		<tr>
		    <td>Amir</td>
		    <td>01918038095</td>
		    <td>amir@gmail.com</td> 
		</tr>
	</table>
    </body> 
</html>
Example-5: Write HTML code for creating the following table on the web page.
<html>
	<body>
		<table border="1" cellspacing="10">
			<Caption>Table With cell spacing</Caption>
			<tr>
				<th>Name</th>
				<th>Mobile</th>
				<th>Email</th>
			</tr>
			<tr>
				<td>Mizan</td>
				<td>01724351470</td>
				<td>mizanjust@gmail.com</td> 
			</tr>
			<tr>
				<td>Amir</td>
				<td>01918038095</td>
				<td>amir@gmail.com</td> 
			</tr>
		</table>
	</body> 
</html>

Example-6: Write HTML code for creating the following table on the web page.

<html>
	<body>
		<table border="1" cellpadding="10">
			<Caption>Table With cell padding</Caption>
			<tr>
				<th>Name</th>
				<th>Mobile</th>
				<th>Email</th>
			</tr>
			<tr>
				<td>Mizan</td>
				<td>01724351470</td>
				<td>mizanjust@gmail.com</td> 
			</tr>
			<tr>
				<td>Amir</td>
				<td>01918038095</td>
				<td>amir@gmail.com</td> 
			</tr>
		</table>
	</body> 
</html>

Example-7: Write HTML code for creating the following table on the web page.

<html> 
<body> 
	<table border="1"> 
		<tr> 
			<th>Roll</th> 
			<th>Name</th> 
			<th>GPA</th> 
		</tr> 

		<tr height="50"> 
			<td valign="top">101</td> 
			<td valign="middle">Rohim</td> 
			<td valign="bottom">5.00</td> 
		</tr> 

		<tr height="50"> 
			<td valign="bottom">102</td> 
			<td valign="middle">Karim</td> 
			<td valign="top">4.50</td> 
		</tr> 
	</table> 
</body> 
</html> 

<table border= “1”>
<tr>
    <th>Hardwares</th>
    <th>Software</th>
</tr>
<tr>
     <td>
         <ul>
             <li>Keyboard</li><li>Mouse</li>
         </ul>
     </td>
     <td>
          <ol>
              <li>MS Word</li><li>MS Excel</li>
          </ol>
     </td>
</tr>
</table>
নিজে করঃ

EX01:
EX02:
EX03:
EX04: