16.11.18 22:55 | الجداول و تنسيقها في لغة الــ htmlرقم المشاركة : ( 1 ) |
عضو vip
إحصائيةالعضو | | العمر : 29 | عدد المساهمات : 6322 | نقاط : 113692 |
|
| موضوع: الجداول و تنسيقها في لغة الــ html الجداول و تنسيقها في لغة الــ htmlالجداول و تنسيقها في لغة الــ html إن التعامل مع الجداول وإدراجها في صفحات الويب سهل جداً مثله مثل أي أداة من أدوات HTML
الاوامر الاساسيه لادراج جدول - الامر الاساسي في ادراج الجداول و تندرج تحته باقي الاوامر Table Row وسوم تعريف الصف في الجدول Table Data وسوم تعريف الخلايا في الصف وتعريف محتويات كل خلية
الخصائص التي تستخدم في تنسيق الجدول
- الخاصية border تستخدم لاضافة حدود للجدول وتحديد سماكتها وتستخدم كالتالي :
مثال
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
- خاصية العرض width نستخدم هذه الخاصية لتحديد عرض الجدول وتستخدم كالتالي :
هناك أسلوبين لتحديد العرض: المطلق أي بكتابة الرقم الذي يمثل العرض بصورة مباشرة. والنسبي أي كتابة رقم نسبي مئوي يحدد عرض الجدول حسب عرض نافذة المتصفح توضيح للمطلق والنسبي
مثال
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
- خاصية الارتفاع height نستخدم هذه الخاصية لتحديد لتحديد ارتفاع الجدول وتستخدم كالتالي :
ويكون تحديد هذا الإرتفاع من خلال قيمة مطلقة تحدد الإرتفاع بالبيكسل. أو قيمة نسبية تحدد ارتفاع الجدول بالنسبة لإرتفاع صفحة المتصفح مثلها مثل العرض تماما
مثال - الكود:
-
<html> <head> <title> الجداول </title> </head> <body> <table border="3" width="200" height="25%"> <tr> <td> خليه </td> <td> خليه </td> </tr> <tr> <td> خليه </td> <td> خليه </td> </tr> </table> </body> </html>
- cellspacing نستخدم هذه الخاصية لتحديد المسافة بين كل خلية من خلايا الجدول وتستخدم كالتالي :
- cellpadding نستخدم هذه الخاصية لتحديد المسافة الفاصلة بين الحدود وبداية النص في كل خلية وتستخدم كالتالي :
- align نستخدم هذه الخاصية لتحديد محاذاة الجدول أفقياً على الصفحة يميناً أو يساراً. وهو يأخذ القيم right, left وتستخدم كالتالي :
17.11.18 11:29 | الجداول و تنسيقها في لغة الــ htmlرقم المشاركة : ( 2 ) | ..
إحصائيةالعضو | | | العمر : 29 | عدد المساهمات : 13027 | نقاط : 120654 | |
|
| موضوع: رد: الجداول و تنسيقها في لغة الــ html الجداول و تنسيقها في لغة الــ htmlتسلم الايادي دام تواصلكم نحو الافضل ودي قبل ردي
| | |
**َ مواضيع ذات صله | |
|
|
| |