إنشاء جدول بلغة HTML من الصفر إلى الإثقان
المقـدمـة: إنشاء جدول في HTML
هل حَضَـرَتْكَ فكرة إنشاء جدول على أحد صفحات موقعك بلغة HTML؟
في مقالة هذا اليوم، أقترح عليك إنشاء جدول HTML خطوة بخطوة من الصفر إلى الإثقان. ولكن ما جدوى الجداول على صفحات الويب؟ مما لا شك فيه أن أصحاب المواقع يريدون في كثير من الأحيان نشر بعض البيانات والمعلومات التي لا يمكن إظهارها بشكل متسق إلا من خلال الجداول. سأعمل جاهداً على تبسيط الدرس حتى يستوعبه المبتدئون. أما المحترفون فإنني أرفع لهم القبعة و أنتظر منهم النّصح و العون. جدول ثلاث خزانات بالرياض. مقالتي هاته لن تتناول إنشاء الجدول فقط، ولكن كل ما يحتاجه ليبدو في شكل مقبول ويؤدي الغاية منه. عـلى بركــة الله
1. إنشاء جدول HTML بسيط
في البداية ، سنتعلم العلامات الأساسية المستخدمة في HTML لإنشاء جدول، وككل علامات أو سمات HTML تكون دائماً محاطة بهذين الرمزين: "<" و ">". أول العلامات التي يجب معرفتها لإنشاء جدول هي:
< table > - < table / > وهي تمثل بداية الجدول ونهايته. < tr > - < tr / >: يشير إلى بداية ونهاية صف الجدول. < td > - < td / >: يشير إلى بداية ونهاية محتويات الخلية. في HTML ، يتم إنشاء جدول سطراً بسطر.
B |
في المثال التالي قمنا بدمج الخانة الثانية و الثالثة في السطر الثاني مع الخانة الثانية و الثالثة الموجودة تحتها في السطر الثالث. المثال الثالث
E |
F |
وضع عنوان خاص للجدول
إذا أردت وضع عنوان خاص للجدول, يمكنك كتابة العنوان بداخل الوسم
مع الإشارة إلى أنه يجب وضع هذا الوسم كأول وسم في الجدول. في المثال التالي قمنا بوضع عنوان للجدول بواسطة الوسم
. Final semester marks...
جرب الكود
P (X = 5) = 0. 4٪ ، وهو احتمال أن يكون لدى خمسة من الأطفال سمة متنحية. جداول ل ن = 2 إلى ن = 6 ن = 2
ص 0. 01 0. 05 0. 10. 15 0. 20 0. 25 0. 30 0. 35 0. 40 0. 45 0. 50 0. 55 0. 60 0. 65 0. 70 0. 75 0. 80 0. 85 0. 90 0. 95 ص 0 0. 980 0. 902 0. 810 0. 723 0. 640 0. 563 0. 490 0. 423 0. 360 0. 303 0. 250 0. 203 0. 160 0. 123 0. 090 0. 063 0. 040 0. 023 0. 010. 002 1 0. 020 0. 095 0. 180 0. 255 0. 320 0. 375 0. 420 0. 455 0. 480 0. 495 0. 500 0. 095 2. 000. 002 0. 010 0. 902 ن = 3
ص 0. 970 0. 857 0. 729 0. 614 0. 512 0. 422 0. 343 0. 275 0. 216 0. 166 0. 125 0. 091 0. 064 0. 043 0. 027 0. 016 0. 008 0. 003. 001. 000 1 0. 029 0. 135 0. 243 0. 325 0. 384 0. 441 0. 444 0. 432 0. 408 0. 334 0. 288 0. 239 0. 189 0. 141 0. 096 0. 057 0. 007 2. 000 0. 007 0. 135 3. 001 0. 003 0. 857 ن = 4
ص 0. 961 0. 815 0. 656 0. 522 0. 410 0. 316 0. 240 0. 179 0. 130 0. 092 0. 062 0. 041 0. 026 0. 015 0. 004. 002. 039 0. 171 0. 292 0. 368 0. 412 0. 346 0. 300 0. 200 0. 154 0. 112 0. 076 0. 047 0. 011 0. 000 2. 014 0.
يمكن دمج خليتين أو أكثر في الصف نفسه أو العمود نفسه ضمن خلية واحدة. على سبيل المثال، يمكنك دمج عدة خلايا أفقياً لإنشاء عنوان جدول يمتد على أعمدة متعددة. حدد الخلايا التي تريد دمجها. ملاحظة: في حال عدم وجود حدود مرئية للخلايا في جدولك، قد تجد أن إظهار خطوط الشبكة قد يكون مفيداً. انقر فوق أدوات الجدول > تخطيط > عرض خطوط الشبكة. انقر بزر الماوس الأيمن فوق الخلايا المحددة، ثم انقر فوق دمج خلايا. هل تحتاج إلى مزيد من المساعدة؟
إذا كان لديك مجموعتي خيارات أو أكثر في نفس ورقة العمل، فاستخدم خلية مرتبطة مختلفة لكل مجموعة خيارات. استخدم الرقم الذي تم إرجاعه في صيغة للاستجابة إلى الخيار المحدد. على سبيل المثال، نموذج موظفين، باستخدام مربع مجموعة نوع الوظيفة ، يحتوي على زري خيارات مسميان دوام كامل و دوام جزئي مرتبطان بالخلية C1. بعد أن يحدد مستخدم أحد الخيارين، تقوم الصيغة التالية في الخلية D1 بالتقييم إلى "دوام كلي" إذا تم تحديد زر الخيار الأول أو "دوام جزئي" إذا تم تحديد زر الخيار الثاني. =IF(C1=1, "Full-time", "Part-time")
إذا كان لديك ثلاثة خيارات أو أكثر لتقييمها في نفس مجموعة الخيارات، يمكنك استخدام دالات CHOOSE أو LOOKUP بطريقة مماثلة. انقر فوق موافق. حذف عنصر تحكم
انقر بزر الماوس الأيمن فوق عنصر التحكم، واضغط على مفتاح الحذف DELETE. حاليا، لا يمكنك استخدام عناصر تحكم خانات الاختيار في Excel للويب. إذا كنت تعمل في Excel للويب وفتحت مصنفا به خانات الاختيار أو عناصر تحكم أخرى (كائنات)، فلن تتمكن من تحرير المصنف دون إزالة عناصر التحكم هذه. هام: إذا رأيت الرسالة "تحرير في المستعرض؟" أو "ميزات غير معتمدة" واخترت تحرير المصنف في المستعرض على أي حال، سيتم فقدان كل العناصر مثل خانات الاختيار ومربعات التحرير والسرد على الفور.
في كل سطر
< tr > تتم الإشارة إلى محتويات الخلايا المختلفة
< td >. بشكل تخطيطي ، يتم إنشاء جدول كما في الشكل التالي:
جدول يحتوي على 4 سطور و 12 خانة
نبدأ بالشــرح:
نقول السطـر
< tr > هو ما نراه في المثال مرسوم بشكل أفقي ◻️ والذي يضم ثلاث خانات.
🏃♂️ 🗣 كل هذا التعب، 🛠 وفي الأخير جدول بلا حدود ؟! لا بد من حـل! لا تقلق فأنت في قسم HTML ، أنت فقط تنشئ هيكل الجدول! أما تحسين الجدول فهو من اختصاص CSS ، هل نسيتَ ذلك؟
وإن كنت في شك، فإن إضافة الحدود بسيطة جداً ، فلا شك أنك مازلت تذكر كود CSS المخصص لذلك! لا تنسـى زيارة درس إنشاء الحدود في CSS ففيه ما يـ…. ( لابأس إكتشفه بنسفك واتركنا مع الجداول). الطريقة هنا سهلة، فقط أضف هذه الشفيرة إلى ملف CSS أو إلى style في ملف HTML:
table /*إنشاء حدود للجدول { border-collapse: collapse; /* هاته الحدود ستجمع كل المحتوى ليبدو رائعاً */} td /* إنشاء حدود لكل خلايا الجدول... */ { border: 1px solid #A8A8A8; /* أحب اللون الرمادي في الحدود */}
علية
كريم
جمال
خديجة
جدول بالجدود
🔶 سـطــر الرأس
الآن بعد أن أصبح لدينا جدولاً بحدوده ، سنضيف له سطر العنوان. في المثال السابق كانت عدة أسماء ولم نبين صفاتها، لكن بإضافة سطر العنوان سنعرف لماذا وضعنا حميدو في العمود الأول ولم نضعه في العمود الثالث. سنعرف ذلك الآن، وسنكتب في العناوين "الناجحون" و "المستدركون" و "الراسبون". يتم إنشاء سطر العنوان بعلامة
< tr > كما فعلنا في الجداول السابقة ، ولكن الخلايا التي يحتوي عليها هذه المرة ، مؤطرة بعلامات
< th > وليست
< td >!
اهدافنا الأساسيه جدول مواعيد الجمعيه مواعيد العمل نحن نعمل دائما لخدمتك
الاتنين -الجمعه:
8:00 - 17:00
للمساعده في انشطه الجمعيه او للتبرع
OFFLINE PAYMENT
الطفولة والامومة
منح القروض و الخدمات الحكومية
التدريب المهني
التبادل الثقافي و الشباب ة الرياضه
رعاية المسنين و رعاية الآيتام
حالات جديده نرعاها عدد المتطوعين للعمل في الجمعيه اجمالي الحالات عدد ممولي الجمعيه
مستوصف نهر الصحة السعودية
ووقف على تجهيزات قسم الطوارئ والإفاقة وغرف الضماد وأقسام الأشعة العادية والمقطعية، وقال أثناء زيارته: "المستشفى الجديد سيكون مقرًا أساسياً لتقديم خدمات صحية مميزة لأهالي محافظة خيبر وسيحدث انتقال الخدمة الصحية من المبنى الحالي إلى المستشفى الجديد نقلة نوعية حقيقة في الخدمات الطبية المقدمة للمواطنين حيث سيعمل على تقليل الضغط في نقل المرضى من خيبر إلى مستشفيات المدينة المنورة". وأضاف "الأعمى": "المشاريع الصحية تقسم إلى ثلاث مراحل رئيسة تتضمن الأعمال الإنشائية والبناء ومن ثم مرحلة التجهيزات والتشغيل ويتبعها دعم المستشفى بالقوى العاملة أخيراً وتشكل تلك المرحلة التحدي الأكبر لوزارة الصحة". مستوصف نهر الصحة. وشدد "الأعمى" خلال الزيارة التي حضرها مسؤولو الشؤون الهندسية ومقاولو المشروع الجديد، على أهمية تلافي الملاحظات في أقسام الطوارئ والمتمثلة في إنشاء حواجز عازلة تتناسب مع القسم لمناظرة حالات الأمراض الصدرية والوبائية. وتفقد "الأعمى" أقسام التنويم الباطنية والعنايات المركزة للأطفال والكبار وغرف العمليات الجديدة ذات الإمكانيات المتطورة واطلع على آلية سير العمل الصحي في أقسام التنويم الداخلية ثم وقف المقر المخصص للعيادات الخارجية بالمستشفى.
مستوصف نهر الصفحة الرئيسية
اماكن في المدينة
مستوصف نهر الصحة
ماجد الرفاعي- سبق- ينبع: وجّه وكيل وزارة الصحة للطب العلاجي الدكتور طريف الأعمى مقاول مشروع مستشفى خيبر العام بتلافي كافة الملاحظات السلبية على المبنى الجديد والتأكد من فعالية أنظمة الأمن والسلامة في كافة أقسام المستشفى وآلية تقديم الرعاية الصحية للمرضى بشكل متميز؛ وذلك تمهيداً لإطلاق الخدمة الصحية في المستشفى الجديد الذي أنشأته وزارة الصحة بسعة 100 سرير في المحافظة. جاء ذلك التوجيه خلال زيارة " الأعمى" لمقر مشروع مستشفى خيبر العام الجديد صباح أمس. واستهل الدكتور "الأعمى" زيارته لمنطقة المدينة المنورة بالوقوف على مبنى المستشفى الحالي بسعة 50 سريراً ثم اطلع على الرعاية الصحية المقدمة في المبنى القديم في عدد من الأقسام برفقه مدير عام الشؤون الصحية بمنطقة المدينة المنورة الدكتور عبدالله بن علي الطائفي ومساعده للطب العلاجي الدكتور محمد بن حامد الشلاحي. مستوصف نهر الصحة, مركز طبي في حي البديعة. عقب ذلك تفقد "الأعمى" المبنى الجديد الذي أنشأته وزارة الصحة بالمحافظة بسعة 100 سرير وبلغت نسبة الإنجاز فيه 100% واطلع على آلية سير الخطة الجديدة في تقديم الرعاية الصحية لمراجعي المستشفى بدءًا من دخول المرضى لأقسام الطوارئ مروراً بعيادة الفرز وتقديم الرعاية الصحية للمراجعين بقسميها الخاص بالرجال والسيدات.
ومن جانبه، أشار الدكتور أحمد السبكي، مساعد وزيرة الصحة لشئون الرقابة والمتابعة، رئيس الهيئة العامة للرعاية الصحية، أن مستشفى الكرنك الدولي سيقدم الخدمات الطبية للمواطنين بالمرحلة الأولى للتأمين الصحى الشامل بالأقصر والتي تضم 4 مستشفيات هم (العديسات، حورس، إسنا المركزى، الكرنك الدولي)، و42 وحدة ومركز طبى من إجمالي7 مستشفيات و59 وحدة تشملها المنظومة بالأقصر. يذكر أن المرحلة الأولى لتطبيق منظومة التأمين الصحي الشامل تضم 6 محافظات هم (الإسماعيلية، الأقصر، جنوب سيناء) والتي انطلقت بها المنظومة يوم 16 فبراير من العام الجاري، و(بورسعيد) التي انطلقت بها المنظومة بها في يوليو 2019، بالإضافة إلى محافظتي (السويس وأسوان) والمقرر إطلاق المنظومة بهما خلال الفترة المقبلة. وكانت الدكتورة هالة زايد، وزيرة الصحة والسكان، بدأت زيارتها الميدانية أمس الأحد بتفقد عدد من المستشفيات التي تستقبل مرضى فيروس كورونا بمحافظتي قنا وسوهاج للوقوف على الخدمات الطبية المقدمة للمرضى، بالإضافة إلى متابعة سير العمل بخطة الوزارة لتطوير ورفع كفاءة المنشآت الطبية بمختلف محافظات الجمهورية. مستوصف نهر الصحة السعودية. #مجلة_نهر_الأمل
أقرأ التالي
منذ 1 أسبوع
عبدالغفار يحتفل بمرور عام على الشراكة بين فاكسيرا وسينوفاك
الصحة: خلو مستشفيات محافظة قنا من مرضى بفيروس كورونا
منذ أسبوعين
يوم الصحة العالمي لعام 2022 " كوكبنا صحتنا"
منذ 3 أسابيع
استمرارا التواصل مع رواد "مصر تستطيع بالصناعة"
منذ 4 أسابيع
فحص 10 ملايين و836 ألف طالب ضمن مبادرة رئيس الجمهورية.