TABLES

Student Records

A basic HTML table for displaying data. It includes a header <thead>
to define column titles and a body <tbody> for the data rows.

Each table row <tr> contains data <td> for each table column.
The table header titles are defined the same way. 

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Email</th>
      <th>Department</th>
      <th>Grade</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>John Doe</td>
      <td>john.doe@example.com</td>
      <td>Computer Science</td>
      <td>A</td>
    </tr>
    <!-- Additional rows... -->
  </tbody>
</table>
ID Name Email Department Grade
001 John Doe john.doe@example.com Computer Science A
002 Jane Smith jane.smith@example.com Engineering B+
003 Robert Johnson robert.j@example.com Business A-
004 Emily Davis emily.d@example.com Mathematics A+
005 Michael Wilson michael.w@example.com Physics B

Schedule

This example shows how a table can be
used to create a weekly schedule.

It's a practical use case for organizing time-based
information in a clear, grid-like format. 

<table>
  <thead>
    <tr>
      <th>Time</th>
      <th>Monday</th>
      <th>Tuesday</th>
      <th>Wednesday</th>
      <th>Thursday</th>
      <th>Friday</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>9:00 – 10:30</td>
      <td>HTML Basics</td>
      <td>CSS Fundamentals</td>
      <td>JavaScript Intro</td>
      <td>UI/UX Design</td>
      <td>Project Work</td>
    </tr>
    <!-- Additional rows... -->
  </tbody>
</table>
Time Monday Tuesday Wednesday Thursday Friday
9:00 – 10:30 HTML Basics CSS Fundamentals JavaScript Intro UI/UX Design Project Work
10:45 – 12:15 Responsive Design CSS Frameworks DOM Manipulation Accessibility Project Work
13:15 – 14:45 Web API Frontend Frameworks Backend Basics Database Intro Project Presentation
15:00 – 16:30 Web Security Testing Methods Deployment Performance Optimization Code Review