📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: محتوى تعليمي
الروابط التشعبية
نوع: محتوى تعليمي
من المفيد استخدام الروابط الموجودة في الموقع الإلكتروني الخاص بك لأنها تتيح لك الانتقال من صفحة إلكترونية إلى أخرى.
نوع: محتوى تعليمي
أمثلة على الروابط التشعبية (Hyperlinks):
نوع: محتوى تعليمي
رابط من صفحة إلى أخرى في نفس الموقع.
نوع: محتوى تعليمي
روابط من جزء في الصفحة الإلكترونية إلى جزء آخر في نفس الصفحة.
نوع: محتوى تعليمي
روابط من موقع إلى آخر.
نوع: محتوى تعليمي
روابط تفتح في نافذة متصفح جديدة.
نوع: محتوى تعليمي
روابط تفتح تطبيق بريدك الإلكتروني لإنشاء رسالة بريد إلكتروني.
الخاصية href في اختصار Hypertext Reference
نوع: محتوى تعليمي
هي اختصار لـ (مرجع النص التشعبي) و تحدد عنوان صفحة URL التي ينتقل إليها الارتباط. إذا لم تكن الخاصية href موجودة، فلن يكون الوسم <a> ارتباطًا تشعبيًا.
نوع: محتوى تعليمي
يتم إنشاء الروابط باستخدام وسم الفتح <a> ووسم الإغلاق </a>، حيث إن كل ما يقع بين هذا الوسم ووسم الإغلاق يصبح قابلاً للضغط عليه، ويمكننا تحديد عنوان الهدف (الصفحة التي سيتم فتحها عند الضغط على الرابط) باستخدام خاصية href.
مكونات الرابط التشعبي
نوع: محتوى تعليمي
يوضح هذا المخطط كيفية عمل وسم الرابط التشعبي.
نوع: محتوى تعليمي
هذا الرابط خاص بالموقع الإلكتروني (URL)، حيث ترى أن قيمة خاصية href هنا هي اسم الموقع الإلكتروني، تمامًا مثل العنوان الذي تكتبه في متصفحك لزيارة تلك الصفحة.
نوع: محتوى تعليمي
تحديد الرابط التشعبي URL
نوع: محتوى تعليمي
وسم النهاية
نوع: محتوى تعليمي
النص الذي يضغط عليه المستخدم
نوع: محتوى تعليمي
الصفحة التي سيتم فتحها
نوع: محتوى تعليمي
اضغط هنا
نوع: محتوى تعليمي
https://www.moe.gov.sa/
نوع: METADATA
وزارة التعليم
نوع: METADATA
Ministry of Education
نوع: METADATA
2025 - 1447
🔍 عناصر مرئية
مكونات الرابط التشعبي
A diagram illustrating the structure of an HTML hyperlink. It shows a box labeled 'النص الذي يضغط عليه المستخدم' (The text the user clicks) connected by an arrow to a box labeled '<a href="https://www.moe.gov.sa/"> اضغط هنا </a>'. Another box labeled 'الصفحة التي سيتم فتحها' (The page that will be opened) is connected to the URL part of the hyperlink. The URL itself is labeled 'https://www.moe.gov.sa/'. A box labeled 'تحديد الرابط التشعبي URL' (Specifying the Hyperlink URL) points to the URL. A box labeled 'وسم النهاية' (End Tag) points to '</a>'. The entire structure is explained by a text box below stating that the href attribute specifies the URL.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 4 بطاقة لهذه الصفحة
ما هي الخاصية الأساسية في وسم الرابط التشعبي <a> التي تحدد الصفحة التي سيتم فتحها عند النقر؟
- أ) خاصية src
- ب) خاصية alt
- ج) خاصية href
- د) خاصية link
الإجابة الصحيحة: c
الإجابة: خاصية href
الشرح: 1. وسم الرابط التشعبي في HTML هو <a>. 2. لتحديد وجهة الرابط، نستخدم خاصية داخل الوسم. 3. الخاصية المسؤولة عن تحديد عنوان URL للصفحة الهدف هي href. 4. بدون هذه الخاصية، لن يعمل الوسم كرابط تشعبي.
تلميح: هي اختصار لـ Hypertext Reference.
التصنيف: تعريف | المستوى: سهل
ما هو الغرض الأساسي من وسم الرابط التشعبي <a> في HTML؟
- أ) تنسيق النص لجعله غامقًا.
- ب) إنشاء قائمة منقطة.
- ج) إدراج صورة في الصفحة.
- د) إنشاء نص أو عنصر قابل للنقر للانتقال إلى صفحة أو موقع آخر.
الإجابة الصحيحة: d
الإجابة: إنشاء نص أو عنصر قابل للنقر للانتقال إلى صفحة أو موقع آخر.
الشرح: 1. الوسم <a> هو وسم فتح الرابط التشعبي في HTML. 2. يتم وضع النص المراد جعله قابلاً للنقر بين وسم الفتح <a> ووسم الإغلاق </a>. 3. عند النقر على هذا النص، يتم توجيه المستخدم إلى العنوان المحدد في خاصية href. 4. هذا هو الآلية الأساسية للتنقل بين الصفحات على الويب.
تلميح: يحيط الوسم بالنص الذي يظهر للمستخدم.
التصنيف: مفهوم جوهري | المستوى: متوسط
أي مما يلي يصف بشكل صحيح مكونات الرابط التشعبي في HTML كما هو موضح في الرسم التوضيحي؟
- أ) لون النص، حجم الخط، ونوع الخط فقط.
- ب) وسم <img>، خاصية src، ووصف الصورة.
- ج) النص القابل للنقر، وسم <a> مع خاصية href، وعنوان URL للصفحة الهدف.
- د) اسم الملف، حجم الملف، وتاريخ الإنشاء.
الإجابة الصحيحة: c
الإجابة: النص القابل للنقر، وسم <a> مع خاصية href، وعنوان URL للصفحة الهدف.
الشرح: 1. المكون الأول هو النص الظاهر للمستخدم والذي يكون قابلاً للنقر. 2. المكون الثاني هو كود HTML الذي يحيط بالنص، ويتضمن وسم <a> وخاصية href التي تحتوي على العنوان. 3. المكون الثالث هو عنوان URL (مثل https://www.moe.gov.sa/) الذي يحدد الصفحة التي ستفتح عند النقر. 4. هذه هي العناصر الأساسية لأي رابط تشعبي.
تلميح: يوجد ثلاثة مكونات رئيسية: ما يراه المستخدم، وكود HTML، والوجهة.
التصنيف: مفهوم جوهري | المستوى: متوسط
إذا كان كود HTML للرابط هو: <a href="https://example.com">زيارة الموقع</a>، فما الذي سيحدث إذا حذفنا خاصية href؟
- أ) سيتحول النص إلى لون مختلف تلقائيًا.
- ب) لن يعمل الوسم <a> كرابط تشعبي وسيفقد قدرته على التنقل.
- ج) سيتم فتح صفحة افتراضية في المتصفح.
- د) سيظهر خطأ في تحميل الصفحة بالكامل.
الإجابة الصحيحة: b
الإجابة: لن يعمل الوسم <a> كرابط تشعبي وسيفقد قدرته على التنقل.
الشرح: 1. وسم <a> بدون خاصية href سيكون مجرد وسم بدون وظيفة ارتباط. 2. النص "زيارة الموقع" قد يظهر، لكن النقر عليه لن يؤدي إلى أي شيء. 3. الخاصية href هي التي تعطي الوسم <a> معناه ووظيفته كرابط تشعبي. 4. بدونها، يبقى الوسم موجودًا ولكن بدون فائدة للتنقل.
تلميح: الخاصية href هي التي تحمل عنوان الوجهة.
التصنيف: تفكير ناقد | المستوى: صعب