الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- CSS هنا قمنا بتحسين تصميم كل شيء تم وضعه في الجدول بواسطة كود --> <style> table { border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; } caption { caption-side: bottom; text-align: center; padding: 10px; } </style> </head> <body> <table> <!-- هنا قمنا بوضع وصف للجدول --> <caption>Final semester marks</caption> <tr> <th>ID</th> <th>Name</th> <th>Mark</th> </tr> <tr> <td>1</td> <td>Mhamad Harmush</td> <td>A</td> </tr> <tr> <td>2</td> <td>Rima Houssayni</td> <td>C</td> </tr> <tr> <td>3</td> <td>Youssef Jabber</td> <td>B</td> </tr> </table> </body> </html>