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