تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب
كيفية الشراء من الموقع

منطقة إعلانية

يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك

سعر الإعلان 3$ فى اليوم الواحد

مع الشرح Html iframe tag

وسم ال iframe وترجمته الإطار المُضمن وهو عبارة عن إدراج صفحة ويب داخل صفحة أخرى سواء صفحة موقع خارجي او صفحة أخرى خاصة بنفس الموقع.

1

html iframe tag

<iframe> </iframe>

يُستخدم هذا العنصر لعرض صفحة موقع ما داخل موقع اخر.
بعض ال attributes المهمة الخاصة بهذا العنصر:

  • src : وهى اختصار ل source وتعنى المصدر وبالتالي تكون قيمتها عبارة عن لينك الصفحة المراد إدراجها في الموقع.
  • width : وتكون قيمتها عبارة عن رقم الذى يُحدد عرض هذا الاطار iframe
  • height : وتكون قيمتها عبارة عن رقم الذى يُحدد طول هذا الاطار iframe

مثال على ذلك:
<iframe width="700" height="500" src="https://www.courses4arab.com">
</iframe> 

يُمكن ان يكون ال iframe فارغاً ولكن عن الضغط على لينك مُعين يحتوي على رابط موقع خارجي يَظهر هذا الموقع الخارجي داخل ال iframe وهذا يُسمى target frame for a link
وفى هذه الحالة عُنصر ال <iframe> يجب ان يحتوي على attribute مهم يُسمى name وتكون قيمته هي نفس قيمة attribute يُسمى target الخاص ب عنصر ال <a>
مثال على ذلك:
 
<iframe name="courses" width="500" height="200" src="" ></iframe>
 
<a href="https://www.courses4arab.com" target="courses">courses4arab.com</a>
<a href="https://courses4arab.com/html/introduction-to-html" target="courses">intro to html</a> 

المصادر

w3.org

  1. w3.org iframe tag

w3schools.com

  1. w3schools.com iframe tag
😡
انت مشغل الـ AdBlock !!

خلى بالك يامعلم ✋ انا هكر جامد جداً وعرفت انك مشغل ال AdBlock ف ياريت تقفله بدل ما اولع فى ام الجهاز بتاعك ده 😡 😡