مفهوم الجدول
الجدول ( Table) يسمح لك بعرض المعلومات بشكل مرتب و مقسم لأعمدة و أسطر. في هذا الدرس ستتعلم كيف تنشئ جدول, كيف تضيف فيه أسطر, كيف تضيف فيه أعمدة و كيف تدمج الأعمدة و الأسطر مع بعضها. إضافة جدول في الصفحة
لعرض جدول في الصفحة نستخدم الوسوم التالية لبنائه بالشكل الذي نريده:
هو الوسم الأساسي الذي يجب أن تضعه لإعلام المتصفح أنك تريد عرض البيانات بداخل جدول. جدول ثلاث خزانات بالرياض.
تستخدمه لإضافة سطر في الجدول.
| تستخدمه لإضافة خانة في السطر تمثل عنوان, أي النص الذي تضعه فيها يظهر بخط عريض و في المنتصف.
| تستخدمه لإضافة خانة في السطر تمثل معلومة عادية, أي النص الذي تضعه فيها يظهر كنصر عادي. معلومة تقنية
بشكل عام, الوسوم التي ذكرناها هي التي تحتاجها لبناء الجدول و لكن عليك معرفة أن استخدامها لوحدها لا يجعل الجدول يظهر بشكل جيد في المتصفح و سبب ذلك أن المتصفح لا يظهر أي خطوط بين أسطر و أعمدة الجدول من تلقاء نفسه و إنما أنت من يمكنه فعل ذلك سواء بإضافة بعض خصائص HTML للجدول أو بواسطة كود CSS الذي يمكن استخدامه مع الجدول. بالتأكيد CSS توفر لك إمكانيات هائلة لتصميم الجدول و لكن بما أننا ندرس و نركز على ما توفره لنا لغة HTML فقط, سنتطرق للخصائص التي توفرها لنا هي فقط.
- تسريحات عرايس بسيطة وناعمة | مجلة سيدتي
- تسريحات شعر غدير سلطان
- تسريحات شعر مميزة مستوحاة من إطلالات سلاف فواخرجي - مجلة هي
-- رأس الجدول -->
الناجحون | المستدركون | الراسبون |
الناجحون | المستدركون | الراسبون |
رشيد | علية | عبلة |
كمال | كريم | عابد |
غانم | جمال | رقية |
حميدو | خديجة | شهرزاد |
إعــلـم جـيِّـداً: يجب أن تعلم أنه لا يلزمك استخدام هذه العلامات الثلاث (،،) في جميع الجداول. ستستخدمها فقط إذا كانت الجداول كبيرة وتحتاج إلى تنظيمها بشكل أكثر وضوحاً. جدول من ثلاث خانات. بالنسبة للجداول "الصغيرة" ، يمكنك بسهولة الإبقاء على الطريقة البسيطة التي اشتغلنا عليها في البداية.
إقرأ يضاً:
دمج خلايا الجداول في HTML
تغيير خلفيات الجداول على صفحات HTML
لا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء.
يمكنك إدراج عناصر تحكم النماذج كخانات الاختيار أو أزرار الخيارات لتسهيل إدخال البيانات. وتعمل خانات الاختيار بشكل جيد مع النماذج ذات الخيارات المتعددة. أما أزرار الخيارات فتكون أفضل عندما يتوفر خيار واحد فقط للمستخدم. لإضافة إما خانة اختيار أو زر خيار، يلزم إظهار علامة التبويب المطوّر على الشريط. ملاحظات: لتمكين علامة تبويب "المطور"، اتبع التعليمات التالية:
في Excel 2010 والإصدارات اللاحقة، انقر فوق ملف > خيارات > تخصيص الشريط ، وحدد خانة لاختيار المطور ، ثم انقر فوق موافق. في Excel 2007انقر فوق زر Microsoft Office > خيارات Excle > شائع > إظهار علامة التبويب المطور في الشريط. لإضافة خانة اختيار، انقر فوق علامة التبويب المطور ، وانقر فوق إدراج ، وضمن عناصر تحكم النماذج ، انقر فوق. لإضافة زر خيار، انقر فوق علامة التبويب المطور ، وانقر فوق إدراج ، وضمن عناصر تحكم النماذج ، انقر فوق. انقر في الخلية حيث تريد إضافة عنصر تحكم خانة الاختيار أو زر الخيار. تلميح: يمكنك فقط إضافة خانة اختيار واحدة أو زر خيار واحد في الوقت نفسه. لتسريع العملية، بعد إضافة عنصر التحكم الأول، انقر بزر الماوس الأيمن فوقه وحدد نسخ > لصق.
لنـــــرى:
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
الناجحون | المستدركون | الراسبون |
رشيد | عليه | عبلة |
كمال | سميرة | عابد |
غانم | ميلود | رقية |
حميدو | علال | شهرزاد |
الناجحون
المستدركون
الراسبون
جدول بسطر الرأس
إضــافــة: كما تلاحظون ، قام متصفحك بكتابة نص خلايا الرأس بخط غليظ. هذا ما يمكن أن تراه عادة ، ولكن إذا كنت تريد فعل شيئ آخر، مثل تغيير لون خلفية خلايا الرأس والخط والحدود وما إلى ذلك، يمكنك أن تلجأ إلى استخدام CSS إنه يوفي بالغرض 👍
🔶 عنـوان الجـدول
في الحقيقة ينقصنا عنصر مهم في هذا الجدول، إنه العنوان. إن العنوان له أهمية بالنسبة للزائر، فهو يعلم بسرعة عن محتوى الجدول. المثال الموجود بين أيدينا يمثل لائحة لنتائج تلاميذ أحد الأقسام داخل مدرسة. ولكن بالنسبة للزائر سيشرد فكره حين يرى الجدول، لن يستطيع تحديد موضوعه ، ولن يعرف عن من يتحدث. إذن ماذا ينقصنا؟ ينقصنا عنوان الجدول طبعاً.
يمكن دمج خليتين أو أكثر في الصف نفسه أو العمود نفسه ضمن خلية واحدة. على سبيل المثال، يمكنك دمج عدة خلايا أفقياً لإنشاء عنوان جدول يمتد على أعمدة متعددة. حدد الخلايا التي تريد دمجها. ملاحظة: في حال عدم وجود حدود مرئية للخلايا في جدولك، قد تجد أن إظهار خطوط الشبكة قد يكون مفيداً. انقر فوق أدوات الجدول > تخطيط > عرض خطوط الشبكة. انقر بزر الماوس الأيمن فوق الخلايا المحددة، ثم انقر فوق دمج خلايا. هل تحتاج إلى مزيد من المساعدة؟
🏃♂️ 🗣 كل هذا التعب، 🛠 وفي الأخير جدول بلا حدود ؟! لا بد من حـل! لا تقلق فأنت في قسم HTML ، أنت فقط تنشئ هيكل الجدول! أما تحسين الجدول فهو من اختصاص CSS ، هل نسيتَ ذلك؟
وإن كنت في شك، فإن إضافة الحدود بسيطة جداً ، فلا شك أنك مازلت تذكر كود CSS المخصص لذلك! لا تنسـى زيارة درس إنشاء الحدود في CSS ففيه ما يـ…. ( لابأس إكتشفه بنسفك واتركنا مع الجداول). الطريقة هنا سهلة، فقط أضف هذه الشفيرة إلى ملف CSS أو إلى style في ملف HTML:
table /*إنشاء حدود للجدول { border-collapse: collapse; /* هاته الحدود ستجمع كل المحتوى ليبدو رائعاً */} td /* إنشاء حدود لكل خلايا الجدول... */ { border: 1px solid #A8A8A8; /* أحب اللون الرمادي في الحدود */}
علية
كريم
جمال
خديجة
جدول بالجدود
🔶 سـطــر الرأس
الآن بعد أن أصبح لدينا جدولاً بحدوده ، سنضيف له سطر العنوان. في المثال السابق كانت عدة أسماء ولم نبين صفاتها، لكن بإضافة سطر العنوان سنعرف لماذا وضعنا حميدو في العمود الأول ولم نضعه في العمود الثالث. سنعرف ذلك الآن، وسنكتب في العناوين "الناجحون" و "المستدركون" و "الراسبون". يتم إنشاء سطر العنوان بعلامة
< tr > كما فعلنا في الجداول السابقة ، ولكن الخلايا التي يحتوي عليها هذه المرة ، مؤطرة بعلامات
< th > وليست
< td >!
إذا حدث ذلك وتريد استعادة هذه الكائنات، فاستخدم الإصدارات السابقة لاستعادة إصدار سابق. إذا كان لديك Excel سطح المكتب، انقر فوق فتح في Excel وأضف خانات الاختيار أو أزرار الخيارات.
تسريحات شعر غدير سلطان
إذا كنت من النساء اللواتي تحولن الى الشعر القصير مع بداية عام 2022، فأنت أتقنت الاختيار، إذ إن تسريحات الشعر القصير تمنح المرأة إطلالة عصرية ومظهراً شبابياً ويجعلها تبدو أصغر من سنها. وفي هذا الإطار، تلهمك الفاشينيستا غدير سلطان مجموعة تسريحات شعر قصير متنوعة وتلائم كافة إطلالاتك اليومية والمسائية. تسريحات شعر مميزة مستوحاة من إطلالات سلاف فواخرجي - مجلة هي. وقد اخترنا في هذا المقال، مجموعة مميزة من تسريحات غدير سلطان للشعر القصير، لتستوحي منها ما يناسبك. تابعي المزيد: صيحات جمالية عصرية وجريئة من ديما الأسدي تسريحة الريترو تسريحة الريترو بأسلوب غدير سلطان تسريحة الريترو ليست حكراً على صاحبات الشعر الطويل، فهذه التسريحة التي تعود الى الستينات والسبعينات، والتي تعد أيقونية، تناسب أيضاً صاحبات الشعر القصير. وفي هذا السياق، تلهمك غدير سلطان تسريحة الشعر القصير الريترو مع الغرة الأمامية القصيرة، وهي تسريحة شبابية يمكنك اعتمادها في مختلف الأوقات، بما فيها السهرات والمناسبات. تسريحة الشعر نصف المرفوع تسريحة الشعر القصير نصف المرفوع من غدير سلطان كذلك، تلهمك الفاشينيستا غدير سلطان أجمل تسريحات الشعر القصير نصف المرفوع، حيث بإمكانك أن تستوحي منها تسريحة الشعر نصف المرفوع، التي ترتكز على سحب الشعر الى تاج الرأس وتثبيته، وترك غرة أمامية قصيرة منسدلة على الجبين، أما القسم الخلفي من الشعر فيُترك منسدلاً بشكل طبيعي.
تسريحات عرايس بسيطة وناعمة | مجلة سيدتي
– من بين اهم التفاصيل الخاصة بتصفيف الشعر الاهتمام بالتوقيت الخاص بتصفيف الشعر ، و ذلك عن طريق العمل على اختيار الوقت الملائم للتسريحة ، و بالنسبة لتسريحة الريترو فكما اسلفنا بالذكر فإنها مناسبة للعديد من الأوقات الخاصة باليوم ، و لكن هناك بعض الأمور التي لابد من أن تتخذ في الحسبان. – يفضل عند العمل على اختيار تصفيف الشعر بهذا الشكل أن يتم اختيارها لتكون التصفيفة الخاصة بالمناسبات و الحفلات ، و كذلك يفضل أن تستخدم مع الفساتين الخلية من التفاصيل الزائدة ، و ذلك لانها تصفيفة مميزة و انيقة ، كذلك يفضل ن يكون الفستان معتمد على خامات و تفصيل اقرب للكلاسيكية.
تسريحة الريترو ما زالت بمختلف أشكالها وأساليبها من أكثر تسريحات الشعر اعتماداً في السهرات والمناسبات؛ لما تضفيه من أجواء رومانسية وحالمة على إطلالة المرأة. إذا كنت من محبي حقبة الستينات وترغبين بإطلالة مميزة على غرار النجمات، "الجميلة" تستعرض لك أجمل تسريحات الريترو الجذابة لتتألقي في مختلف مناسباتك على غرار النجمات:
بالفيديو: شاهدي حيل ذكية لشعر أكثر جاذبية مع رولا
اقرئي أيضاً:
أجمل تسريحات الشعر القصير على طريقة النجمة شيرين عبد الوهاب
قصة شعر «البيكسي» القصيرة على غرار نجمات هوليوود
طريقة رفع الشعر مع ضفيرة من مجيد زهر
تسريحات شعر غدير سلطان
تسريحة فخمة للسهرات إذا اردت أن تكوني إمرأة مثيرة وأنيقة في أفخم الإطلالات والسهرات تميزي بأسلوب خاص وإعتمدي تسريحة الريترو المرفوعة مع الغرّة الجانبية والمرتفعة.
الفخامة والنعومة من الأمور التي تبحث عنها العروس بإطلالتها، لاسيما باختيار تسريحة الشعر، فكل صبية ترغب أن تظهر باطلالة ملكية وراقية، ولكن في الوقت نفسه بها لمسة من النعومة حتى لا تبدو متكلفة للغاية، ولهذا اخترنا لكِ اليوم مجموعة من تسريحات عرايس فخمة وناعمة لتحقق لكِ رغبتكِ، ولتلهمكِ بعض الأفكار لتسريحات الشعر التي من الممكن أن تناسبكِ بيوم أحلامكِ. تابعي المزيد: أجمل تسريحات شعر للعروس مع الطرحة
تسريحة الشعر المنسدل على جنب
تسريحة العروس
من الأفكار البسيطة التي يمكنكِ اعتمادها هو الشعر المنسدل على جنب، لاسيما مع إكسسوارات الشعر المختلفة، كالهيد بيس مثلًا، ويمكن أيضًا اختيار الخصلات الويفي المتمايلة، لاطلالة كلاسيكية وفخمة. تابعي المزيد: تسريحات خطبة بسيطة ومميزة
تسريحة الشعر المرفوع مع الجدائل
إذا كنت تفكرين في اطلالة فخمة لتسريحة شعرك، يمكنك التفكير بالستايل المستوحى من أجواء أميرات أوروبا الساحرة والذي يعتمد في غالب الأحيان على تسريحة الجدائل مع الشعر المرفوع، وهي تناسب أكثر الشعر الطويل، ولمظهر أكثر كثافة جربي الضفيرة الفوضوية. تابعي المزيد: تسريحة ذيل الحصان المرتفعة للعروس
تسريحات الشعر الملفوف للكعكة
أبسط وأجمل ما يمكنك اعتماده مع تسريحة الشعر الملفوف هو اختيار الكعكة المنخفضة، والتي تأتي بطريقة ملفوفة وانسيابية، والمميز بها أن تناسب صاحبات الشعر القصير والقصير بالوقت نفسه، فالكعكة المنخفضة لا تحتاج لخصلات طويلة، ولكن ربما تكون فوضوية قليلًا مع الشعر القصير، لكنها تبقى محتفظة بجمالها.
تسريحات شعر مميزة مستوحاة من إطلالات سلاف فواخرجي - مجلة هي
في عصر يصبح فيه كل شيء جديد قديمًا في غضون ساعات ، لا يزال سحر العالم القديم يحمل قيمة وأهمية كبيرة. نحن نحب الجديدة و التقدم ، لكننا نحب أكثر من اختراعات العشرينات ، مثل الأظافر الفرنسية ، بغض النظر عن عدد الاختلافات التي ظهرت ، فإن الأسلوب الكلاسيكي هو شيء لا يزال لدينا جميعًا فيه ركن ناعم ، تصفيفة الشعر الرجعية هو مثال آخر من هذا القبيل. الشكل الكلاسيكي للمظهر الخارجي
على الرغم من أن بين ساعة و أخرى تعتاد السيدات على البحث باستمرار عن أحدث التصميمات الخاصة ب ، تلك التي تشمل مختلف اشكال الملابس ، و كذلك تشمل ايضا مختلف اللألوان و التصفيفات الخاصة بالشعر ، يسعى البعض إلى الحصول على مظهر كلاسيكي مميز و عصري ، مما يجعل تلك المرأة تبدو بشكل غاية في الرقة و ، و ليس هذا فقط بل أنها تبدو ايضا بشكل راقي و خالي من التكلف نهائيا. تسريحات الشعر الريترو
– هذه التصفيفة للشعر هي واحدة من أسهل طرق للرياضة و تبدو باردة جدا ، و هذه التصفيفة تمتاز ايضا بشكلها الأنيق و الرائع مما يناسب المرأة العصرية. – تلك التصفيفة من اهم ما يميزها أنها تناسب و تجعلها تبدو أكثر رقة ، و ليس هذا فقط بل هي ايضا تصفيفة ملائمة للعديد من اشكال الوجوه و كذلك العديد من المناسبات المختلفة.
– يفضل عند العمل على اختيار تصفيف الشعر بهذا الشكل أن يتم اختيارها لتكون التصفيفة الخاصة بالمناسبات و الحفلات ، و كذلك يفضل أن تستخدم مع الخلية من التفاصيل الزائدة ، و ذلك لانها تصفيفة مميزة و انيقة ، كذلك يفضل ن يكون الفستان معتمد على خامات و تفصيل اقرب للكلاسيكية.