مفهوم الجدول
الجدول ( Table) يسمح لك بعرض المعلومات بشكل مرتب و مقسم لأعمدة و أسطر. في هذا الدرس ستتعلم كيف تنشئ جدول, كيف تضيف فيه أسطر, كيف تضيف فيه أعمدة و كيف تدمج الأعمدة و الأسطر مع بعضها. إضافة جدول في الصفحة
لعرض جدول في الصفحة نستخدم الوسوم التالية لبنائه بالشكل الذي نريده:
هو الوسم الأساسي الذي يجب أن تضعه لإعلام المتصفح أنك تريد عرض البيانات بداخل جدول.
تستخدمه لإضافة سطر في الجدول. جدول ثلاث خزانات بالرياض. | تستخدمه لإضافة خانة في السطر تمثل عنوان, أي النص الذي تضعه فيها يظهر بخط عريض و في المنتصف. | تستخدمه لإضافة خانة في السطر تمثل معلومة عادية, أي النص الذي تضعه فيها يظهر كنصر عادي. معلومة تقنية
بشكل عام, الوسوم التي ذكرناها هي التي تحتاجها لبناء الجدول و لكن عليك معرفة أن استخدامها لوحدها لا يجعل الجدول يظهر بشكل جيد في المتصفح و سبب ذلك أن المتصفح لا يظهر أي خطوط بين أسطر و أعمدة الجدول من تلقاء نفسه و إنما أنت من يمكنه فعل ذلك سواء بإضافة بعض خصائص HTML للجدول أو بواسطة كود CSS الذي يمكن استخدامه مع الجدول. بالتأكيد CSS توفر لك إمكانيات هائلة لتصميم الجدول و لكن بما أننا ندرس و نركز على ما توفره لنا لغة HTML فقط, سنتطرق للخصائص التي توفرها لنا هي فقط.
- تردد قناة الاتحاد اليوم
- تردد قناة الاتحاد السعودي
في المثال التالي قمنا بإضافة جدول يتألف من 4 أسطر و كل سطر فيه 3 خانات. مثال
ID |
Name |
Mark |
1 |
Mhamad Harmush |
A |
2 |
Rima Houssayni |
C |
3 |
Youssef Jabber |
B |
جرب الكود
خصائص الجدول
هناك ثلاث خصائص يمكنك إضافتها للعمود لجعله يظهر بشكل أفضل و هي التالية:
border يمكنك استخدامها لإظهار خطوط الجدول, الرقم الذي نعطيه لها يمثل حجم الخطوط التي سيتم وضعها بين الأسطر و الأعمدة. width يمكنك استخدامها لتحديد عرض الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل عرض الجدول. height يمكنك استخدامها لتحديد طول الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل طول الجدول.
🏃♂️ 🗣 كل هذا التعب، 🛠 وفي الأخير جدول بلا حدود ؟! لا بد من حـل! لا تقلق فأنت في قسم HTML ، أنت فقط تنشئ هيكل الجدول! أما تحسين الجدول فهو من اختصاص CSS ، هل نسيتَ ذلك؟
وإن كنت في شك، فإن إضافة الحدود بسيطة جداً ، فلا شك أنك مازلت تذكر كود CSS المخصص لذلك! لا تنسـى زيارة درس إنشاء الحدود في CSS ففيه ما يـ…. ( لابأس إكتشفه بنسفك واتركنا مع الجداول). الطريقة هنا سهلة، فقط أضف هذه الشفيرة إلى ملف CSS أو إلى style في ملف HTML:
table /*إنشاء حدود للجدول { border-collapse: collapse; /* هاته الحدود ستجمع كل المحتوى ليبدو رائعاً */} td /* إنشاء حدود لكل خلايا الجدول... */ { border: 1px solid #A8A8A8; /* أحب اللون الرمادي في الحدود */}
علية
كريم
جمال
خديجة
جدول بالجدود
🔶 سـطــر الرأس
الآن بعد أن أصبح لدينا جدولاً بحدوده ، سنضيف له سطر العنوان. في المثال السابق كانت عدة أسماء ولم نبين صفاتها، لكن بإضافة سطر العنوان سنعرف لماذا وضعنا حميدو في العمود الأول ولم نضعه في العمود الثالث. سنعرف ذلك الآن، وسنكتب في العناوين "الناجحون" و "المستدركون" و "الراسبون". يتم إنشاء سطر العنوان بعلامة
< tr > كما فعلنا في الجداول السابقة ، ولكن الخلايا التي يحتوي عليها هذه المرة ، مؤطرة بعلامات
< th > وليست
< td >!
إذا كان لديك مجموعتي خيارات أو أكثر في نفس ورقة العمل، فاستخدم خلية مرتبطة مختلفة لكل مجموعة خيارات. استخدم الرقم الذي تم إرجاعه في صيغة للاستجابة إلى الخيار المحدد. على سبيل المثال، نموذج موظفين، باستخدام مربع مجموعة نوع الوظيفة ، يحتوي على زري خيارات مسميان دوام كامل و دوام جزئي مرتبطان بالخلية C1. بعد أن يحدد مستخدم أحد الخيارين، تقوم الصيغة التالية في الخلية D1 بالتقييم إلى "دوام كلي" إذا تم تحديد زر الخيار الأول أو "دوام جزئي" إذا تم تحديد زر الخيار الثاني. =IF(C1=1, "Full-time", "Part-time")
إذا كان لديك ثلاثة خيارات أو أكثر لتقييمها في نفس مجموعة الخيارات، يمكنك استخدام دالات CHOOSE أو LOOKUP بطريقة مماثلة. انقر فوق موافق. حذف عنصر تحكم
انقر بزر الماوس الأيمن فوق عنصر التحكم، واضغط على مفتاح الحذف DELETE. حاليا، لا يمكنك استخدام عناصر تحكم خانات الاختيار في Excel للويب. إذا كنت تعمل في Excel للويب وفتحت مصنفا به خانات الاختيار أو عناصر تحكم أخرى (كائنات)، فلن تتمكن من تحرير المصنف دون إزالة عناصر التحكم هذه. هام: إذا رأيت الرسالة "تحرير في المستعرض؟" أو "ميزات غير معتمدة" واخترت تحرير المصنف في المستعرض على أي حال، سيتم فقدان كل العناصر مثل خانات الاختيار ومربعات التحرير والسرد على الفور.
سنضيف الخاصية border="1" في جميع الأمثلة التي نضعها حتى تظهر خطوط الجدول. ملاحظة
إبتداءاً من الإصدار الخامس في HTML لم نعد نستخدم هذه الخصائص ابتداءاً لأننا أصبحنا نعدّل تصاميم الجداول بواسطة CSS و هي توفر الكثير من الخصائص التي يمكننا استخدامها لأجل ذلك. في هذا الدرس سنستخدم هذه الخصائص فقط ليكون الشرح أكثر وضوحاً. في المثال التالي قمنا بإظهار خطوط الجدول حجمها 1 بيكسل. المثال الأول
...
في المثال التالي قمنا بجعل عرض الجدول 100% و طوله 150 بيكسل. المثال الثاني
...
دمج خانات الجدول
في حال أردت دمج خانات الجدول فهناك خاصيّتين يمكنك استخدامهما لأجل ذلك:
colspan نستخدمها لدمج الخانات الموجودة على نفس السطر. rowspan نستخدمها لدمج الخانات الموجودة على أكثر من سطر. ملاحظة: colspan و rowspan يمكن استخدامهما مع الوسم و الوسم | فقط. في المثال التالي قمنا بدمج الخانة الأولى و الثانية الموجودتين في السطر الأول.
| A |
D |
E |
في المثال التالي قمنا بدمج الخانة الثانية في السطر الأول مع الخانة الثانية الموجودة تحتها في السطر الثاني.
تردد قناة الاتحاد الاسيوي 2020 لمتابعة مباريات دوري ابطال اسيا
تردد قناة الاتحاد الاسيوي 2020 لمتابعة مباريات دوري ابطال اسيا، لمتابعة مباريات كرة القدم بدقة عالية ، تحتاج إلى تحديث تردد قناة الاتحاد الآسيوي الجديدة AFC ، حيث تعرض القناة مباريات المنتخبات السعودية والمباريات الدولية ، بالإضافة إلى تحليل مفصل للمباريات. يمكنك من خلال قناة الاتحاد الآسيوي متابعة جميع البطولات الآسيوية في جميع دول آسيا ، من شرق الصين والغرب إلى دول الخليج العربي. من كأس آسيا إلى آسيا ، وكأس رئيس الاتحاد الآسيوي ، والتصفيات الأولمبية الآسيوية ، ودوري أبطال آسيا. قناة الاتحاد الاسيوي 2020
يمكنك متابعة قناة AFC مجانًا دون دفع اشتراك شهري ، وهذه القناة مجانية لجميع المشاهدين ، كل ما عليك فعله هو كتابة تردد قناة AFC ومشاهدة جودة المباريات العالية دون تدخل أو تدخل. تردد قناة الاتحاد الجديد على النايل سات (Frequency channel Etihad TV). يجب أن يتصرف بدون
تريد قناة الاتحاد الآسيوي الوصول إلى كل بيت عربي ، لذا أرادت قناة التحدّة رفع مستوى الأداء الفني من خلال إطلاق تردد مبتكر يمكن لجميع المتابعين الوصول إليه بسهولة ، وستقوم هذه القناة قريبًا نجح في بناء قاعدة جماهيرية كبيرة. تردد قناة الاتحاد الاسيوي 2020 على قمر النايل سات
يمكنك متابعة قناة AFC من خلال ضبط جهاز الاستقبال على التردد التالي
القمر الصناعي: نايل سات.
تردد قناة الاتحاد اليوم
تكون في الساعة التاسعة صباحا بتوقيت القاهرة. بينما يتم نقلها في تمام الساعة الحادية عشر صباحا بتوقيت الإمارات العربية المتحدة. يتم نقلها في تمام الساعة السابعة صباحا بتوقيت جرنتش.
تردد قناة الاتحاد السعودي
بالإضافة إلى بث نشرة اخبارية يوميا لأخبار البحرين والأخبار العالمية. تردد قناة الاتحاد | تررد قتاة. وذلك حتى يستطيع المشاهد العربي من جمع أكبر قدر من المعلومات عن القضايا المختلفة التي تهم الوطن العربي. هذا بالإضافة إلى بعض البرامج الحوارية التي تساهم في جذب المشاهدين عن طريق مناقشة بعض المشاكل الاقتصادية. مع اقتراح حلول عملية لها كما تهتم بكل ما يهم المشاهد العربي من أخبار اقتصادية وسياسية. كما يتم بثها على مدار 24 ساعة بدون الحاجة إلى اشتراك شهري.
وتستخدم القناة أحدث أجهزة البث التليفزيوني، لكي تنقل للمشاهد الكريم المباريات والبرامج في أفضل صورة وأنقى صوت، كما أنها تمتلك نخبة متميزة من الإعلاميين المتميزين والمعلقين الرياضيين الكبار، ولديها مجموعة كبيرة من المراسلين الرياضيين، والذين يتواجدون في مختلف الملاعب الرياضية، لكي ينقلوا كافة الأحداث الرياضية لحظة حدوثها وبمهنية شديدة.