Learn HTML In Arabic 2021 - #16 - Span And Break And Horizontal Rule

About this video

**ملخص النص باللغة العربية:** - **العنصر الأول: السبان (Span)** - السبان عنصر بسيط جداً يستخدم لتحديد جزء معين من النص داخل المحتوى. - لا يحتوي على تنسيقات خاصة به في الـ "اليوزر إيجنت" (المتصفح). - يمكن استخدامه لعزل كلمة أو نص معين عن باقي المحتوى للتعامل معه عبر CSS. - مثال: إذا أردت تغيير لون كلمة واحدة أو جعلها غامقة، يتم وضعها داخل سبان. - **العنصر الثاني: البي آر (BR)** - البي آر يُستخدم لإنشاء سطر جديد (New Line) أو فصل بين الأسطر. - عند استخدام البي آر، يتم نقل النص الذي يليه إلى سطر منفصل بشكل تلقائي. - هو عنصر بسيط لا يحتاج إلى تنسيقات إضافية، ويتم استخدامه لأغراض التنظيم البصري. - **العنصر الثالث: الأتش آر (HR)** - الأتش آر يُستخدم لإنشاء خط أفقي (Horizontal Rule) لفصل بين العناصر المختلفة. - يعتبر عنصر بلوك وليس إنلاين، حيث يقوم بإنشاء مسافة وخط واضح بين الأقسام. - يمكن التحكم في شكل الخط (لونه، حجمه، وغيره) باستخدام CSS. - **أهمية هذه العناصر:** - السبان يساعد في التعامل مع أجزاء صغيرة من النصوص. - البي آر يساعد في تنظيم النصوص وفصل الأسطر. - الأتش آر يوفر طريقة مرئية لفصل الأقسام وإضافة تنظيم بصري للمحتوى. - **ختاماً:** - الشرح كان بسيطاً وسهلاً لفهم العناصر الثلاثة وكيفية استخدامها في العمل. - تم التأكيد على أهمية استخدام CSS للتحكم في تنسيق هذه العناصر بشكل احترافي. **الهدف من الشرح:** تعليم كيفية استخدام عناصر HTML الأساسية (سبان، بي آر، أتش آر) لتحسين تنظيم وتنسيق المحتوى.


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

View Full Course