Learn HTML In Arabic 2021 - #24 - Form Part 1 - Input Types And Label

About this video

**ملخص النص باللغة العربية:** - النموذج (form) هو عنصر أساسي في اللغة البرمجية، ويُستخدم يومياً حتى من غير المتخصصين. - عند تسجيل حساب على مواقع مثل الفيسبوك، يتم استخدام نموذج يحتوي على حقول إدخال مثل اسم المستخدم، كلمة المرور، والبريد الإلكتروني. - النموذج يتكون من "حقل الإدخال" (input field) الذي يتيح للمستخدم إدخال البيانات، ويتم إرسالها إلى الخادم عند الضغط على زر الإرسال. - يمكن وضع أي عناصر داخل النموذج مثل الفقرات والعناوين، لكن الأهم هو وجود حقول الإدخال لإرسال البيانات بشكل صحيح. - **الـ input field**: هو المكان الذي يكتب فيه المستخدم المعلومات. يمكن أن يكون نوعه نصيًا (text) أو كلمة مرور (password)، وكل نوع له خصائص مختلفة. - العنصر **inline-block**: الـ input field يُعتبر inline-block، مما يعني أنه يمكن وضع أكثر من حقل بجانب بعضهما. - العنصر لا يغلق نفسه بنفسه، بل يجب إغلاقه بشكل صحيح. - **أنواع الحقول**: هناك أنواع متعددة من الحقول مثل النص (text) للبيانات العادية، وكلمة المرور (password) التي تخفي النص المكتوب بنجوم. - **label**: من أفضل الممارسات استخدام label لوصف الحقول. مثلاً، يوضع label بجانب الحقل ليوضح أنه مخصص لاسم المستخدم أو كلمة المرور. - الـ label يرتبط بالحقل ليجعله أكثر وضوحًا للمستخدم، مثل الملصقات على المنتجات في السوبر ماركت. - **زر الإرسال (submit)**: الزر الذي يتم الضغط عليه لإرسال البيانات. نوعه يكون "submit"، وعند الضغط عليه يتم إرسال البيانات إلى الخادم. - عند إرسال البيانات، قد يحدث تحديث للصفحة (refresh) كإشارة لاستلام البيانات. - سيتم شرح المزيد من التفاصيل حول أنواع الحقول وكيفية ربط الـ label مع الحقول في الدروس القادمة بإذن الله. - الهدف من الشرح هو تبسيط المفاهيم ليتمكن الجميع من فهم كيفية عمل النماذج. **ختامًا:** تم التعرف على الأساسيات مثل الـ form، input، label، وزر الإرسال، وسيتم استكمال باقي الأنواع والتفاصيل في الدروس القادمة. **الحمد لله والسلام عليكم.**

Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.