Table tag Colspan Tag
<html>
<body>
<h1>Example of TD colspan attribute</h1> <table border="1">
<tr> <th colspan="2">Student Fees detail</th></tr>
<tr>
<th>Student</th>
<th>Fees Amount</th>
</tr>
<tr>
<td>Manish</td>
<td>1000</td>
</tr>
<tr>
<td>Puneet</td>
<td>2000</td>
</tr>
<tr> <td colspan="2">Total: 3000</td>
</tr>
</table>
</body>
</html>
<html>
<body>
<h1>Example of TD colspan attribute</h1> <table border="1">
<tr> <th colspan="2">Student Fees detail</th></tr>
<tr>
<th>Student</th>
<th>Fees Amount</th>
</tr>
<tr>
<td>Manish</td>
<td>1000</td>
</tr>
<tr>
<td>Puneet</td>
<td>2000</td>
</tr>
<tr> <td colspan="2">Total: 3000</td>
</tr>
</table>
</body>
</html>
Rowspan Tag Table tag
<html>
<body>
<h1>Example of TD Rowspan attribute</h1> <table border="1">
<tr>
<th>Student</th>
<th>Fees Amount</th>
<th>Course</th>
</tr>
<tr>
<td>Manish</td>
<td>700</td>
<td rowspan="2">Java</td>
</tr> <tr>
<td>Puneet</td> <td>800</td>
</tr>
</table>
</body>
</html>
<html>
<body>
<h1>Example of TD Rowspan attribute</h1> <table border="1">
<tr>
<th>Student</th>
<th>Fees Amount</th>
<th>Course</th>
</tr>
<tr>
<td>Manish</td>
<td>700</td>
<td rowspan="2">Java</td>
</tr> <tr>
<td>Puneet</td> <td>800</td>
</tr>
</table>
</body>
</html>
Alignment Tag :-
Table Tag
<! Doctype html>
<html>
<body>
<table height="300" width="500" Border="2" Bordercolor="red">
<caption> Use of Verticle Alignment Attribute of Table</caption>
<tr>
<td valign="Top">Top Align content</td>
<td valign="Center">Center Align content
</td>
<td valign="Bottom">Bottom Align content</td>
</tr>
</table>
</body>
</html>
Table Tag
<! Doctype html>
<html>
<body>
<table height="300" width="500" Border="2" Bordercolor="red">
<caption> Use of Verticle Alignment Attribute of Table</caption>
<tr>
<td valign="Top">Top Align content</td>
<td valign="Center">Center Align content
</td>
<td valign="Bottom">Bottom Align content</td>
</tr>
</table>
</body>
</html>
HTML Table Tag
Cell width or column width
Example :-
<! doctype html>
<html>
<body>
<table border= 1 Width= 400>
<tr>
<td width=30%>
cell width is 30%
</td>
<td width = 70%>
cell width is 70%
</td></tr>
</table>
</body>
</html>
HTML Table
Cell width or column width
Cell width or column width
Example :-
<! doctype html>
<html>
<body>
<table border= 1 Width= 400>
<tr>
<td width=30%>
cell width is 30%
</td>
<td width = 70%>
cell width is 70%
</td></tr>
</table>
</body>
</html>
HTML Table
Cell width or column width
HTML Table Tag
HTML table
Example
<! Doctype html>
<html>
<body>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
HTML Table Tag
HTML table
HTML table
Example
<! Doctype html>
<html>
<body>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
HTML Table Tag
HTML table
HTML Table Tag
Table heading
<! Doctype html>
<html>
<table border= 2>
<tr>
<th>A </th>
<th>Heading</th>
<th>Row</th></th>
<tr>
<td>The first</td>
<td>row of </td>
<td>table data</td></tr>
</tr>
<td>the second</td>
<td>row of</td>
<td>table date</td>
</td></table>
</html>
Table heading
<! Doctype html>
<html>
<table border= 2>
<tr>
<th>A </th>
<th>Heading</th>
<th>Row</th></th>
<tr>
<td>The first</td>
<td>row of </td>
<td>table data</td></tr>
</tr>
<td>the second</td>
<td>row of</td>
<td>table date</td>
</td></table>
</html>
HTML Table Tag
Header cells TD
<! Doctype html>
<html>
<body>
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
<tr>
<td>Cell C</td>
<td>Cell D</td>
</tr>
</table>
</body>
</htm>
Header cells TD
Example<! Doctype html>
<html>
<body>
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
<tr>
<td>Cell C</td>
<td>Cell D</td>
</tr>
</table>
</body>
</htm>