إطارات iframe لعرض صفحة ويب في HTML | دروس HTML5

  شرح Iframe

نستخدم إطارات iframe لعرض صفحة ويب على صفحة ويب أخرى. في هذا الدرس، سوف تكون على دراية كاملة بهذا العنصر في HTML.


 في iframe أدناه، يمكنك مشاهدة الصفحة المقدمة.

بناء iframe

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

<iframe src="URL"></iframe>

تحدد السمة src عنوان URL للصفحة التي نريد عرضها.


اضبط الطول والعرض لإطار iframe

باستخدام ارتفاع وعرض السمات، يمكنك تحديد حجم إطار iframe.

بشكل افتراضي، تكون وحدة السمتين المدرجتين (الطول والعرض) هي وحدات البكسل. ولكن يمكنك أيضًا استخدام النسبة المئوية (على سبيل المثال ، "60٪").

<iframe src="demo_iframe.html" height="200" width="300"></iframe>

قم بإزالة الحدود لـ iframe

بشكل افتراضي، يحتوي إطار iframe على حدود حوله.

بإضافة سمة نمط واستخدام خاصية border في CSS، يمكنك التخلص من الحد الافتراضي:

<iframe src="demo_iframe.html" style="border:none;"></iframe>

باستخدام CSS، يمكنك أيضًا تغيير حجم ونمط ولون الحدود في iframe:

<iframe src="demo_iframe.html" style="border:2px solid grey;"></iframe>

الصفحة المقصودة للارتباط

يمكن أن يكون إطار iframe صفحة مقصودة للارتباط.

يتم تعيين السمة الهدف لارتباط بالاسم المحدد لـ iframe:

<iframe src="demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3schools.com" target="iframe_a">w3schools.comt</a></p>

كلمات مفتاحية: