هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: فهم <colgroup> و<col> في جداول HTML وكيفية التعامل مع العلامات المهجورة
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
<colgroup> و<col> في جداول HTML، وسنشرح لماذا قد يكون من الأفضل تجنب استخدام هذه العلامات نظرًا للعلامات المهجورة وعدم التوافق مع المتصفحات الحديثة.ما هو
<colgroup> و<col>؟تُستخدم علامات
<colgroup> و<col> في HTML لتحديد خصائص الأعمدة في الجداول. يتم استخدام <colgroup> لتجميع مجموعة من الأعمدة معًا، بينما تُستخدم <col> لتحديد نمط أو خصائص محددة لكل عمود.مثال على استخدام
<colgroup> و<col><table>
<colgroup>
<col style="background-color:gray">
<col style="background-color:skyblue">
<col style="background-color:green">
</colgroup>
<tr>
<th>ID</th>
<th>Name</th>
<th>Quantity</th>
</tr>
<tr>
<td>3476</td>
<td>Laptop DELL 2831</td>
<td>$530</td>
</tr>
<tr>
<td>9207</td>
<td>Laptop Acer 2323</td>
<td>$490</td>
</tr>
</table>
شرح الكود
<colgroup>: تجمع مجموعة من الأعمدة وتحدد خصائصها بشكل عام. في هذا المثال، نستخدمها لتحديد ألوان الخلفية لكل عمود.<col>: تُستخدم لتحديد نمط لعمود معين داخل مجموعة الأعمدة. هنا، نحدد ألوانًا مختلفة لكل عمود.<thead>,<tbody>,<tfoot>: تمثل جزءًا من بنية الجدول التي تحتوي على رأس الجدول، جسم الجدول، وتذييل الجدول.
لماذا لا نستخدم
<colgroup> و<col>؟- علامات مهجورة: بعض العلامات المرتبطة بـ
<colgroup>و<col>قد تكون قديمة أو مهجورة، مما قد يتسبب في عدم توافقها مع بعض المتصفحات الحديثة. - عدم التوافق مع المتصفحات: ليست كل المتصفحات تدعم بشكل كامل خصائص
<colgroup>و<col>. هذا قد يؤدي إلى عرض غير متناسق في بعض المتصفحات. - البدائل الأفضل: هناك طرق أخرى مثل استخدام CSS لتنسيق الأعمدة والتي تكون أكثر توافقًا مع جميع المتصفحات.
بدائل استخدام
<colgroup> و<col>- استخدام CSS: يمكن تحقيق تنسيق الأعمدة باستخدام CSS من خلال تحديد الأنماط مباشرة على الأعمدة أو الخلايا. هذا يوفر مرونة أكبر وتوافقًا أفضل مع جميع المتصفحات.
كلمة عن الدرس
فهم كيفية استخدام علامات
<colgroup> و<col> لتهيئة جداول HTML يوفر لك مهارات تصميم متقدمة، لكن من المهم أيضًا أن تكون على دراية بالقيود والتحديات المرتبطة بها. تعلم كيفية استخدام تقنيات أحدث وتجنب العلامات المهجورة يعزز من جودة تصميماتك ويجعلها أكثر توافقًا مع المتصفحات الحديثة.استثمر وقتك في تعلم كيفية تحسين تصميمات الجداول لتلبية احتياجات المستخدمين والتوافق مع جميع المتصفحات، مما يعزز من احترافيتك كمطور ويب.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي فهم و
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأكواد المستخدمة في هذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي لشرح الجداول وعرض البيانات في HTML
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
