Small Project: Student Grade Table
Let's create a simple table to display student grades using HTML.
Student Grade Table Example
<table>
<thead>
<tr>
<th>Student Name</th>
<th>Mathematics</th>
<th>Science</th>
<th>English</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>90</td>
<td>85</td>
<td>92</td>
</tr>
<tr>
<td>Jane</td>
<td>95</td>
<td>88</td>
<td>90</td>
</tr>
</tbody>
</table>
This table displays student names along with their grades in three subjects: Mathematics, Science, and English.
Note:
HTML tables are powerful tools for structuring and presenting tabular data on web pages. By understanding the basic structure of tables, including rows, cells, headings, and data, developers can create visually appealing and organized displays of information. Experiment with different table layouts and features to effectively convey data to your users. Incorporate tables into your projects to enhance data presentation and user experience. Happy coding!
Leave a comment