html a tag
<a href=""> </a>
a اختصار ل Anchor و المعنى الحرفي (مرساه السفينة).
يُستخدم هذا العنصر لعمل الروابط للتنقل بين الصفحات؛ سواء لصفحات داخل الموقع او روابط خارجية لمواقع اخرى.
وله attribute مهم جدا خاص به هو :
- href: وتكون قيمته عبارة عن الرابط الذى سوف تذهب اليه؛ وعند الضغط على هذا اللينك ف انه يفتح في نفس الصفحة.
مثال على ذلك:
<a href="https://courses4arab.com/" >
courses 4 arab
</a>
1.1 ولكن إذا أردنا فتح اللينك في نافذه أخرى فإننا :
1- نضيف attribute يُسمى target وتكون قيمته"blank_" لكى يفتح اللينك فى صفحة اخرى.
2- نضيف attribute اخر يُسمى rel وتكون قيمته"noopener noreferrer" لتجنب مشكلة خاصة بالأمان (security) شرح المشكلة بالتفصيل
مثال على ذلك:
<a href="https://courses4arab.com/" target="_blank" rel="noopener noreferrer">
courses 4 arab
</a>
1.2كيفية استخدام الصورة كرابط ؟
اولا يجب مراجعة درس الصور
وهى عن طريق وضع عنصر ال <img> داخل عنصر ال <a>
مثال على ذلك:
<a href="https://courses4arab.com/">
<img src="logo.png" alt="courses 4 Arab" >
</a>
1.3كيفية انشاء لينك يسمح بإرسال ايميل ؟
وذلك عن طريق اضافة mailto: قبل الايميل داخل قيمة ال href
مثال على ذلك:
<a href="mailto:someone@example.com">
ارسال ايميل
</a>
1.4كيفية انشاء لينك يسمح بالاتصال ؟
وذلك عن طريق اضافة tel: قبل رقم الهاتف داخل قيمة ال href
مثال على ذلك:
<a href="tel:+2010123456789">
اتصال
</a>
1.5
كيفية الانتقال لقسم اخر فى نفس الموقع ؟
وذلك عن طريق :
- اضافة attribute يُسمى id للقسم الذى سوف تذهب اليه .
- وضع قيمة ال id داخل ال href مسبوقة ب #
مثال على ذلك:
<a href="#eee">
الذهاب للاسفل
</a>
<p id="eee">
محتويات البراجراف
</p>