Learn HTML In Arabic 2021 - #14 - Lists - UL, OL, DL

About this video

**ملخص النص باللغة العربية:** - **المقدمة:** - الحديث عن أهمية استخدام القوائم (Lists) في التصميم، وهي من الأدوات الأساسية التي سيتم استخدامها. - **أنواع القوائم:** 1. **القائمة غير المرتبة (Unordered List):** - يتم تمثيلها باستخدام العنصر `` (Unordered List). - تحتوي على عناصر `` (List Items) غير مرتبة (تستخدم رموز مثل النقاط). - يمكن إضافة قوائم داخل قوائم (Nested Lists) باستخدام نفس العناصر. 2. **القائمة المرتبة (Ordered List):** - يتم تمثيلها باستخدام العنصر `` (Ordered List). - تحتوي على عناصر مرتبة (يتم ترقيمها بأرقام أو حروف). - يمكن تعديل نوع الترتيب باستخدام خاصية `type` (مثل الأرقام، الحروف الكبيرة أو الصغيرة، الأرقام الرومانية). - يمكن عكس الترتيب باستخدام خاصية `reversed`. - يمكن تحديد بداية الترقيم باستخدام خاصية `start`. 3. **قائمة الوصف (Description List):** - يتم تمثيلها باستخدام العنصر `` (Description List). - تحتوي على مصطلحات `` (Description Term) وأوصافها `` (Description Details). - تُستخدم لتوضيح المصطلحات والتفاصيل المتعلقة بها. - **خصائص إضافية:** - يمكن استخدام خاصية `value` لتحديد قيمة معينة لعنصر في القائمة المرتبة. - قائمة الوصف ليست شائعة الاستخدام لكن من المهم فهمها لتجنب صعوبات مستقبلية. - **التنسيق:** - يمكن تنسيق القوائم باستخدام الهوامش الداخلية والخارجية لجعلها أكثر احترافية. - **الختام:** - تم شرح ثلاثة أنواع رئيسية للقوائم: غير مرتبة، مرتبة، ووصف. - الهدف من الشرح هو تسهيل استخدام القوائم بشكل صحيح وفعال. **الحمد لله على إتمام الشرح، ونتمنى أن يكون الدرس واضحاً ومفيداً.**


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