Jifunze kutengeneza <table>, <thead>, <tbody>, <tfoot> kwa kuonyesha marks, invoices au reports. Tumia classes kwa styling baadaye.
🌍 https://www.faulink.com • 📞 +255 693 118 509
Tags:
HTML Tables, data presentation, table markup, faulink, reports
Keywords:
html table example, how to create table, data presentation html
Code (save as video16.html)
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>HTML Tables - Faulink</title>
<style>
table { border-collapse: collapse; width: 90%; margin: 10px auto; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
thead { background: #f4f4f4; }
</style>
</head>
<body>
<h1>Student Results Table</h1>
<table>
<thead>
<tr><th>ID</th><th>Name</th><th>Subject</th><th>Mark</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>Ali</td><td>Mathematics</td><td>85</td></tr>
<tr><td>2</td><td>Asha</td><td>English</td><td>78</td></tr>
<tr><td>3</td><td>John</td><td>Biology</td><td>92</td></tr>
</tbody>
<tfoot>
<tr><td colspan="3">Average</td><td>85</td></tr>
</tfoot>
</table>
</body>
</html>