الجداول و تنسيقها في لغة الــ html Empty16.11.18 22:55

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

رقم المشاركة : ( 1 )
عضو vip
عضو vip

جولنار

إحصائيةالعضو

انثى
العمر : 29
عدد المساهمات : 6322
نقاط : 113652
مُساهمةموضوع: الجداول و تنسيقها في لغة الــ 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
وتستخدم كالتالي :

 
 
 
 


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

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


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




الجداول و تنسيقها في لغة الــ html Empty17.11.18 11:29

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

رقم المشاركة : ( 2 )
..
..

احمد العراقي

إحصائيةالعضو

الجداول و تنسيقها في لغة الــ html 3dflag18
ذكر
العمر : 29
عدد المساهمات : 13027
نقاط : 120614
الجداول و تنسيقها في لغة الــ html 510
مُساهمةموضوع: رد: الجداول و تنسيقها في لغة الــ html


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


تسلم الايادي
دام تواصلكم نحو الافضل
ودي قبل ردي

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


توقيع : احمد العراقي





**

الــرد الســـريـع




**َ

 مواضيع مماثلة

-
» الدليل الكامل لبناء الجداول التدريبية
» [ HTML ] كود رسالة انت غير مسجل مثل الـ Vb
» احدث ديكورات غرف جلوس مغربية وطرق تنسيقها 2021
» موضة ألوان حوائط 2017 وطرق تنسيقها مع ديكور المنزل
» ملابس محجبات: موضة معاطف شتاء 2018 وأسرار تنسيقها بأناقة