Sunday, October 4, 2015

HTML5 Tutorial For Beginners 11 # HTML Tables











<!DOCTYPE HTML>
<html>
<head>
<title>My HTML</title>
<style type="text/css">
table,th,td {
 border: 1px solid black;
 text-align: left;
}
thead {
 background-color: red;
}
tbody {
 background-color: blue;
}
tfoot {
 background-color: yellow;
}
</style>
</head>
<table style="width: 100%">
<caption> My Name Table</caption>
<thead>
<tr>
<th>Name</th>
<th colspan="2">Marks</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jack</td>
<td>Jackson</td>
<td>90</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Tom</td>
<td>Tomson</td>
<td>80</td>
</tr>
</tfoot>
</table>
</body>
</html>






OUTPUT:

My Name Table
Name Marks
Jack Jackson 90
Tom Tomson 80













No comments:

Post a Comment