WEP.X
مرحبا بكم في موقع (WEP.X) موقع متخصص في علوم التكنولوجيا والبرمجة نقدم محتوي تعليمي عن لغات البرمجة وتكنولوجيا الحاسوب
الدرس الثاني في سلسلة تعلم (HTML)
المحتوي
- المقدمة
- العنصر <a>
- الخاصية href و target
- الروابط الداخلية
(المقدمة)
اهلا بك في سلسلة دروس تعلم لغة html المقدمة من موقع wep.x نعمل علي تقديم ادق الشروحات لتصلك المعلومة كاملة
الروابط بالطبع هي عناوين url لتوجيه المستخدم الي صفحة ويب اخري وهي تظهر باللون الزهري
(العنصر a)
العنصر <a></a> هو يستخدم لوضع رابط في الصفحة خاص بموقع اخر لتوجيه المستخدم اليه ويتم وضع الاسم الذي سيظهر للمسخدم بين علامات الفتح والغلق الخاصة بالوسم
- <a >جوجل</a>
ويمكن ايضا جعل الرابط هذا رابط داخلي بمعني يوجه المستخدم الي فقرة معينة داخل الصفحة محددة ب id
(الخصائص)
الخاصية href هي التي تحدد المسار الذي سيتوجه اليه المستخدم عند الضغط علي الرابط اما سيتوجه الي صفحة ويب اخري او سيتوجه الي فقرة معينة داخل الصفحة
مثال
- <a href=
"http://www.google.com"
>جوجل</a>
اعطينا الخاصية href عنوان url الخاص بجوجل التي سيتوجه لها المستخدم عند النقر علي الرابط وبين علامات الفتح والغلق نضع النص الذي سيظهر للمستخدم
مثال اخر
- <a href=
"http://www.google.com"
target="_blank"
>جوجل</a>
في هذا المثال اضفنا الخاصية target التي هي كما يوحي اسمها تحدد كيف يتم فتح الرابط هل في نفس علامة التبويب او يتم الفتح في علامة تبوب جديدة وتأخذ قيم مثل self_ لفتح الرابط في نفس علامة التبويب او blank_ للفتح في علامة تبويب جديدة ويجب الانتباه الي وضع الشرطة التحتية ويمكن ايضا وضع اسم قائمة جانبية اذا كانت في الصفحة ليتم فتح الرابط في القائمة
مثال
- <a href=
"http://www.google.com"
target="option"
>جوجل</a>
في هذا المثال وضعنا اسم قائمة ليتم فتح اللينك في القائمة ونسند هذا الاسم الي الخاصية name الخاصة بالقائمة
(الروابط الداخلية)
يمكن استبدال اي لينك داخل الخاصية href الي اسم محدد id لعنصر ما ليتم التوجه الي الفقرة
مثال
- <a href="#text">جوجل</a>
في هذا المثال وضعنا id لعنصر معين وهذه تسمي بالروابط الداخلية لانها توجه المستخدم الي فقرة داخل الصفحة وهذا ما يدل عليه الرمز # والاسم text يكون معرف لعنصر ما في الخاصية id الخاصة به وعند كتابته في الصفة href يجب تذكر الرمز # لانه هو الذي يدل ان هذا محتوي داخلي وعند النقر علي الرابط سيتم نقل المستخدم الي العنصر ذو الid
فيديو شرح
الخاتمة:-
هكذا تم شرح كيف يعمل العنصر a وتم ذكر الخصائص الخاصة بالعنصر والقيم التي تأخذها