2. إنشاء جدول منظم
لقد تعلمنا أن ننشئ جداول بسيطة. وهذه الجداول البسيطة، في الحقيقة كافية في معظم الحالات، لأنها فعلاً توفي بالغرض، لكن البعض سيحتاج إلى عمل جداول أكثر تعقيدًا في بعض الحالات. هنا سنكتشف تقنيتين تخص الجداول الكبيرة:
بالنسبة للجداول الكبيرة ، يمكن تقسيمها إلى ثلاثة أجزاء:
رأس الجدول
جسم الجدول
أسفل الجدول. بالنسبة لبعض الجداول ، قد تحتاج إلى دمج بعض الخلايا مع بعض. 🔶 تقسيم الجداول الكبيرة
إذا كانت جداولك كبيرة بما يكفي ، فسيكون من مصلحتك تقطيعها إلى عدة أجزاء. لهذا، فإن HTML توجد عنده علامات تحدد "المناطق" الثلاثة للجدول:
الرأس l'en-tête (في الأعلى): يتم تعريفه بالعلامات
< thead > < / thead >. الجسم le corps (في الوسط): يتم تعريفه بعلامات
< tbody > < / tbody >. أسفل الجدول le pied du tableau (أسفل): يتم تعريفه بعلامات
< tfoot > < / tfoot >. ماذا سنفعل في أسفل الجدول؟ بشكل عام ، إذا كان الجدول طويلًا ، فعلينا بنسخ خلايا الرأس ولصقها في أسفل الجدول. جدول من ثلاث خانات. وهذا سيسمح لك برؤية ما يشير إليه كل عمود، حتى في أسفل الجدول حين تقوم بتمرير الصفحة من الأعلى إلى الأسفل. وبشكل تخطيطي ، يتم تقطيع الجدول إلى ثلاثة أجزاء كما هو موضح في الشكل التالي:
جدول مقسم إلى ثلاثة أقسام
إنه أمر مربك بعض الشيء ولكن ينصح بكتابة العلامات بالترتيب التالي:
< thead >
< tbody >
< tfoot >
إليك الرمز الذي يجب كتابته لإنشاء الجدول في ثلاثة أجزاء:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
نتائج قسم ثانية باك علوم رياضية 5 ثانوية الياسمين
🏃♂️ 🗣 كل هذا التعب، 🛠 وفي الأخير جدول بلا حدود ؟! لا بد من حـل! لا تقلق فأنت في قسم HTML ، أنت فقط تنشئ هيكل الجدول! أما تحسين الجدول فهو من اختصاص CSS ، هل نسيتَ ذلك؟
وإن كنت في شك، فإن إضافة الحدود بسيطة جداً ، فلا شك أنك مازلت تذكر كود CSS المخصص لذلك! لا تنسـى زيارة درس إنشاء الحدود في CSS ففيه ما يـ…. ( لابأس إكتشفه بنسفك واتركنا مع الجداول). جدول ثلاث خزانات بالرياض. الطريقة هنا سهلة، فقط أضف هذه الشفيرة إلى ملف CSS أو إلى style في ملف HTML:
table /*إنشاء حدود للجدول { border-collapse: collapse; /* هاته الحدود ستجمع كل المحتوى ليبدو رائعاً */} td /* إنشاء حدود لكل خلايا الجدول... */ { border: 1px solid #A8A8A8; /* أحب اللون الرمادي في الحدود */}
علية
كريم
جمال
خديجة
جدول بالجدود
🔶 سـطــر الرأس
الآن بعد أن أصبح لدينا جدولاً بحدوده ، سنضيف له سطر العنوان. في المثال السابق كانت عدة أسماء ولم نبين صفاتها، لكن بإضافة سطر العنوان سنعرف لماذا وضعنا حميدو في العمود الأول ولم نضعه في العمود الثالث. سنعرف ذلك الآن، وسنكتب في العناوين "الناجحون" و "المستدركون" و "الراسبون". يتم إنشاء سطر العنوان بعلامة
< tr > كما فعلنا في الجداول السابقة ، ولكن الخلايا التي يحتوي عليها هذه المرة ، مؤطرة بعلامات
< th > وليست
< td >!
يمكن دمج خليتين أو أكثر في الصف نفسه أو العمود نفسه ضمن خلية واحدة. على سبيل المثال، يمكنك دمج عدة خلايا أفقياً لإنشاء عنوان جدول يمتد على أعمدة متعددة. حدد الخلايا التي تريد دمجها. ملاحظة: في حال عدم وجود حدود مرئية للخلايا في جدولك، قد تجد أن إظهار خطوط الشبكة قد يكون مفيداً. انقر فوق أدوات الجدول > تخطيط > عرض خطوط الشبكة. انقر بزر الماوس الأيمن فوق الخلايا المحددة، ثم انقر فوق دمج خلايا. هل تحتاج إلى مزيد من المساعدة؟
يمكنك إدراج عناصر تحكم النماذج كخانات الاختيار أو أزرار الخيارات لتسهيل إدخال البيانات. وتعمل خانات الاختيار بشكل جيد مع النماذج ذات الخيارات المتعددة. أما أزرار الخيارات فتكون أفضل عندما يتوفر خيار واحد فقط للمستخدم. لإضافة إما خانة اختيار أو زر خيار، يلزم إظهار علامة التبويب المطوّر على الشريط. ملاحظات: لتمكين علامة تبويب "المطور"، اتبع التعليمات التالية:
في Excel 2010 والإصدارات اللاحقة، انقر فوق ملف > خيارات > تخصيص الشريط ، وحدد خانة لاختيار المطور ، ثم انقر فوق موافق. في Excel 2007انقر فوق زر Microsoft Office > خيارات Excle > شائع > إظهار علامة التبويب المطور في الشريط. لإضافة خانة اختيار، انقر فوق علامة التبويب المطور ، وانقر فوق إدراج ، وضمن عناصر تحكم النماذج ، انقر فوق. لإضافة زر خيار، انقر فوق علامة التبويب المطور ، وانقر فوق إدراج ، وضمن عناصر تحكم النماذج ، انقر فوق. انقر في الخلية حيث تريد إضافة عنصر تحكم خانة الاختيار أو زر الخيار. تلميح: يمكنك فقط إضافة خانة اختيار واحدة أو زر خيار واحد في الوقت نفسه. لتسريع العملية، بعد إضافة عنصر التحكم الأول، انقر بزر الماوس الأيمن فوقه وحدد نسخ > لصق.
في المثال التالي قمنا بإضافة جدول يتألف من 4 أسطر و كل سطر فيه 3 خانات. مثال
ID |
Name |
Mark |
1 |
Mhamad Harmush |
A |
2 |
Rima Houssayni |
C |
3 |
Youssef Jabber |
B |
جرب الكود
خصائص الجدول
هناك ثلاث خصائص يمكنك إضافتها للعمود لجعله يظهر بشكل أفضل و هي التالية:
border يمكنك استخدامها لإظهار خطوط الجدول, الرقم الذي نعطيه لها يمثل حجم الخطوط التي سيتم وضعها بين الأسطر و الأعمدة. width يمكنك استخدامها لتحديد عرض الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل عرض الجدول. height يمكنك استخدامها لتحديد طول الجدول بنفسك بدل جعل المتصفح يفعل ذلك, الرقم الذي نعطيه لها يمثل طول الجدول.
لتحرير النص الافتراضي أو إزالته من عنصر تحكم، انقر فوق عنصر التحكم، ثم قم بتحديث النص حسب الحاجة. تلميح: إذا لم تتمكن من رؤية النص بالكامل، فانقر فوق أحد مقابض التحكم واسحبها حتى تتمكن من قراءته كله. لا يمكن تحرير حجم عنصر التحكم والمسافة بينه وبين النص. تنسيق عنصر التحكم
بعد أن تقوم بإدراج خانة اختيار أو زر خيار، قد ترغب في التأكد من أنه يعمل بالطريقة التي تريدها. على سبيل المثال، قد ترغب في تخصيص المظهر أو الخصائص. ملاحظة: لا يمكن تعديل حجم زر الخيار داخل عنصر التحكم ولا المسافة بينه وبين النص المقترن به. لتنسيق عنصر تحكم، انقر ب زر الماوس الأيمن فوق عنصر التحكم، ثم انقر فوق تنسيق عنصر تحكم. في مربع الحوار تنسيق عنصر التحكم ، على علامة التبويب عنصر التحكم ، يمكنك تعديل أي من الخيارات المتوفرة:
محدد: يعرض زر خيار تم تحديده. غير محدد: يعرض زر خيار غير محدد. في المربع ارتباط الخلية ، أدخل مرجع الخلية التي تحتوي على الحالة الحالية لزر الخيار. تُرجع الخلية المرتبطة رقم زر الخيار المحدد في مجموعة الخيارات. استخدم الخلية المرتبطة نفسها لجميع الخيارات في مجموعة ما. يُرجع زر الخيار الأول (أ 1)، ويرجع زر الخيار الثاني (أ 2)، و هكذا.
أعلن الاتحاد الأوروبي أنه فرض عقوبات على عدد من كبار المسؤولين الروس، من بينهم وزيرا الدفاع، سيرجي شويجو، والاقتصاد، ماكسيم ريشيتنيكوف، وذلك بعد اعتراف موسكو باستقلال منطقتين انفصاليتين في أوكرانيا. ومن المستهدفين بالعقوبات أيضا أندري كوستين، الرئيس التنفيذي لبنك في. تي. بي، ثاني أكبر بنك في روسيا. وأعلن الاتحاد الأوروبي عن هذه العقوبات في جريدته الرسمية.
قال بيان مشترك نشرته وكالة الأنباء السعودية الرسمية إن السعودية وباكستان ستناقشان إمكانية دعم وديعة المملكة البالغة 3 مليارات دولار في البنك المركزي الباكستاني من خلال تمديد أجلها "أو من خلال خيارات أخرى". هذا وأودعت السعودية في العام الماضي 3 مليارات دولار في بنك باكستان المركزي للمساعدة في دعم احتياطياتها من النقد الأجنبي. بنك ابو ظبي الرياض. وتحتاج باكستان بشدة إلى تمويل خارجي مع العجز الضخم في الحساب الجاري وانخفاض الاحتياطيات الأجنبية إلى ما يصل إلى 10. 8 مليار دولار. وقالت الوكالة إن باكستان رحبت أيضا بقرار السعودية تمديد اتفاقية لتمويل صادرات منتجات النفط الخام ومشتقاته.
وبلغت قيمة الاحتياطيات الأجنبية لدى روسيا 585. 3 مليار دولار حتى يونيو 2021 و5. 7 بالمئة منها بالين، بحسب بيانات البنك المركزي للبلاد.
فرضت بريطانيا، الثلاثاء، عقوبات على خمسة بنوك روسية وثلاثة أفراد من أصبحاب الثروات المرتفعة من بينهم رجل الأعمال جينادي تيمتشينكو المقرب من الريس الروسي، فلاديمير بوتن، بعد قرار موسكو الاعتراف بمنطقتي لوغانسك ودونيتسك الانفصاليتين في أوكرانيا، وإرسال قوات إليهما. وقال رئيس الوزراء البريطاني، بوريس جونسون ، في خطاب أمام البرلمان "هذه هي الشريحة الأولى مما نحن مستعدون لفرضه"، بحسب ما أوردت وكالة "رويترز". وأضاف جونسون في حديثه عن الأفراد الذي تعرضوا للعقوبات "سيجري تجميد أي أصول لهم في المملكة المتحدة، كما سيجري حظر الأفراد المعنيين من السفر إلى بريطانيا". بنك ابو ظبي الرياضة. وتيمتشينكو حليف مقرب للرئيس الروسي فلاديمير بوتن. وقال جونسون إن العقوبات المفروضة تشمل أيضا أصول بنوك آي. إس بنك الروسي وبنك روسيا وبنك البحر الأسود للتنمية وأصول شركة جينبنك.
وأشارت الهيئة إلى أن القوات الروسية "محبطة"، مع استمرار جنودها وضباطها في "الاستسلام أو الفرار، تاركين وراءهم أسلحتهم ومعداتهم".
قال نائب رئيس الحكومة اللبنانية سعادة الشامي قال في لقاء تلفزيوني إن الوضع اللبناني متأزم، مضيفًا أنه يأمل في التوصل لحل مع صندوق النقد الدولي قريبًا. وأضاف الشامي أن الدولة مرت بفترات من الأزمات الاقتصادية، والحكومة تعمل حاليًا على تقليل الخسائر، خاصة للمودعين، إذ أن توزيع الخسائر سيكون على الدولة والمصارف والمودعين. "الدولة مفلسة، وكذلك مصرف لبنان"، بحسب الشامي، والذي يأمل مع الحكومة في التوصل لاتفاق من أجل تقليل الخسائر على المودعين، الذين قد يعانون وضعًا أسوأ بكثير إذا لم تتحرك الدولة حاليًا.