HTML Tutorial

عنصر <iframe>

ما هي العلامة `<iframe>` وما استخداماتها؟

هي علامة HTML تستخدم لدمج مستند خارجي (صفحة ويب، مقطع فيديو، إلخ) في صفحة ويب أخرى.

سمات العلامة `<iframe>`:

src: عنوان URL للمستند الخارجي
width: عرض الإطار بالبكسل
height: ارتفاع الإطار بالبكسل
scrolling: هل تريد شريط تمرير أم لا (yes/no/auto)
allowfullscreen: هل تريد السماح للشاشة الكاملة أم لا (yes/no)

أمثلة على استخدام العلامة `<iframe>`:

تضمين مقطع فيديو من YouTube في مدونتك:

<iframe src="https://www.youtube.com/embed/videoid" width="560" height="315"></iframe>

تضمين خريطة جوجل على موقع الويب الخاص بك:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2944.3880096943918!2d35.22421498455049!3d31.779063181214323!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151ce6482fb31fc7%3A0x167a06a92fc95d0c!2z2KzYjti32Kog2KfZhNmF2KfZhNiv2YrZhdi1INi02LPZhdin2YrZhNmE!5e0!3m2!1sar!2sjo!4v1646240894358!5m2!1sar!2sjo" width="600" height="450"></iframe>

مثال HTML بسيط لاستخدام العلامة <iframe>:

<!DOCTYPE html>
<html>
<body>
  <iframe src="https://www.example.com/embed" width="500" height="300"></iframe>
</body>
</html>

التاليعنصر <img>

السابقعنصر <i>