Learn HTML In Arabic 2021 - #33 - Q, BlockQuote, Wbr, Bdi, Button

About this video

**ملخص النص باللغة العربية:** 1. **عنصر الكود (Q):** - يستخدم لكتابة حكمة صغيرة داخل النص. - يتم إضافته باستخدام علامتين خاصتين قبل وبعد النص. - يُعتبر عنصرًا من نوع "inline" ولا يتطلب سطرًا جديدًا. 2. **الفرق بين العناصر Inline وBlock:** - العنصر Inline مثل الكود (Q) يظهر في نفس السطر. - العنصر Block يأخذ سطرًا كاملًا ويتميز بهوامش حوله. - سيتم تقديم قائمة بالعناصر لكل نوع لتسهيل التمييز بينهما. 3. **عنصر Block Code:** - يُستخدم لعرض أكواد برمجية بشكل مميز. - يتميز بتنسيق مختلف مثل الهوامش وتغيير الخط. - يمكن تعديل شكله وإضافة تنسيقات مثل تغيير الألوان والأحجام. 4. **عنصر الزر (Button):** - يُستخدم غالبًا في JavaScript لتنفيذ أحداث معينة عند الضغط عليه. - ليس من أفضل الممارسات استخدامه داخل النماذج (Forms). - أمثلة على استخداماته: فتح صفحة جديدة أو عرض منتج. 5. **عنصر WBR (Break Opportunity):** - يُستخدم لإتاحة فرصة كسر النصوص الطويلة مثل الروابط عند الحاجة. - يساعد في تحسين مظهر النصوص عند عرضها على شاشات صغيرة. - يمكن تحديد أماكن الكسر يدويًا لتخصيص الشكل. 6. **عنصر BDI (Isolation):** - يُستخدم لعزل العناصر عن اتجاه الصفحة. - يحل مشكلة تداخل الاتجاهات عند دمج النصوص العربية مع الإنجليزية أو الأرقام. - مثال: عزل كلمة "السلام" عن الرقم "2" لضمان الترتيب الصحيح. 7. **ختام الحديث:** - تم شرح العناصر البسيطة واستخداماتها العملية. - الهدف هو تسهيل التعامل مع هذه العناصر في تصميم وبرمجة المواقع. - الدروس المستقبلية ستتناول مواضيع جديدة ومفيدة. **الحمد لله والسلام عليكم.**

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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.