الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- CSS هنا قمنا بتحسين تصميم كل شيء تم وضعه في الجدول بواسطة كود --> <style> table { border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; } </style> </head> <body> <table> <!-- هنا قمنا بتعريف السطر الأول في الجدول و بداخله وضعنا 4 خانات عبارة عن عناوين --> <tr> <th>ID</th> <th>User</th> <th>Phone</th> <th>Status</th> </tr> <!-- هنا قمنا بتعريف السطر الثاني في الجدول و بداخله وضعنا 4 خانات عادية --> <tr> <td>1</td> <td>mhamad</td> <td>70123456</td> <td>Registered</td> </tr> <!-- هنا قمنا بتعريف السطر الثالث في الجدول و بداخله وضعنا 4 خانات عادية مع جعل الخانة الأخير تظهر على سطرين --> <tr> <td>2</td> <td>mira</td> <td>03102013</td> <td rowspan="2">Not Registered</td> </tr> <!-- هنا قمنا بتعريف السطر الرابع في الجدول و بداخله وضعنا 3 خانات عادية --> <tr> <td>3</td> <td>hala</td> <td>76804712</td> </tr> </table> </body> </html>