بحبك يا سمر 🧡

مع الشرح 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 !!

يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢