Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Table Basics</title> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ccc; padding: 8px 12px; } th { background: #f0f0f0; } </style> </head> <body> <h1>Student Grades</h1> <table> <tr> <th>Name</th> <th>Subject</th> <th>Grade</th> </tr> <tr> <td>Alice</td> <td>Mathematics</td> <td>A</td> </tr> <tr> <td>Bob</td> <td>Science</td> <td>B+</td> </tr> <tr> <td>Carol</td> <td>History</td> <td>A-</td> </tr> </table> </body> </html>
Result
Open