Learn HTML In Arabic 2021 - #12 - Links - Anchor Tag

About this video

- **عنصر الـ "a" (الرابط):** هو عنصر أساسي في المواقع الإلكترونية، ويستخدم لإنشاء روابط بين الصفحات. - **وظيفة الرابط:** عند النقر على الرابط، يتم توجيه المستخدم إلى صفحة أخرى داخل الموقع أو إلى موقع خارجي. - **الخاصية الأساسية (href):** تمثل المسار أو الرابط الذي سيتم التوجه إليه عند النقر، ويمكن أن يكون رابطًا خارجيًا أو داخليًا. - **تنسيق الرابط:** يظهر الرابط عادةً تحته خط تلقائيًا بفضل خاصية "text-decoration" التي يمكن التحكم بها لاحقًا باستخدام CSS. - **نوع العنصر:** الـ "a" هو عنصر "inline"، مما يعني أنه يظهر بجانب العناصر الأخرى وليس في سطر منفصل. - **خاصية "target":** تُستخدم لتحديد مكان فتح الرابط، مثل "_blank" لفتح الرابط في نافذة جديدة. - **أهمية "target=_blank":** تمنع فقدان الصفحة الحالية عند النقر على الرابط، مما يحسن تجربة المستخدم. - **خاصية "title":** تُضيف وصفًا للرابط يظهر عند تحريك المؤشر فوقه، مما يساعد في توضيح محتوى الرابط. - **الروابط الداخلية:** يمكن استخدام الروابط للتنقل بين صفحات الموقع نفسه أو حتى للأقسام داخل نفس الصفحة باستخدام "id". - **ربط البريد الإلكتروني:** يمكن إنشاء رابط يفتح تطبيق البريد الإلكتروني مباشرة باستخدام "mailto:email@example.com". - **الفوائد العملية:** الروابط تجعل الموقع تفاعليًا وسهل التنقل، كما تسهل التواصل مع أصحاب الموقع عبر البريد الإلكتروني. - **ختام الدرس:** تم شرح الأساسيات والخصائص المختلفة لعنصر الـ "a"، مع أمثلة عملية لتطبيقها. **ختام:** الدرس يقدم شرحًا مبسطًا ومفيدًا لفهم واستخدام الروابط في تصميم المواقع.

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