المنتديات التطويرية

**جولنار** · 16.11.18 22:55

الجداول و تنسيقها في لغة الــ 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
وتستخدم كالتالي :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الموضوع الأصلي : الجداول و تنسيقها في لغة الــ html // المصدر : منتديات همسات المطر //الكاتب: جولنار

توقيع : جولنار

المنتديات التطويرية

تطوير المواقع والمنتديات

الجداول و تنسيقها في لغة الــ html

الجداول و تنسيقها في لغة الــ html

الجداول و تنسيقها في لغة الــ html