Iframeها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

Iframe برای نمایش صفحه وب داخل یک صفحه وب به کار می‌رود.[۱]

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


شیوه نوشتار دستور Iframe

یک Iframe در HTML با تگ <iframe> تعریف می‌شود:

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

ویژگی src آدرس وب (URL) صفحهٔ فریم درون خطی را مشخص می‌کند.

Iframe – تنظیم عرض و ارتفاع

از ویژگی‌های width و height برای تعیین سایز iframe استفاده کنید.

بطور پیش فرض عرض و ارتفاع به پیکسل هستند:

مثال

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


مشاهدهٔ نتیجه


یا شما می‌توانید از CSS برای تعیین عرض و ارتفاع iframe استفاده کنید:

مثال

<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>


مشاهدهٔ نتیجه


Iframe - حذف کادر

بطور پیش فرض، یک iframe در اطراف خود کادر دارد.

برای حرف کادر، ویژگی style را اضافه کرده و از خصوصیت border در CSS استفاده کنید:

مثال

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


مشاهدهٔ نتیجه


توسط CSS می‌توانید سایز، استایل و رنگ کادر iframe را نیز تغییر دهید:

مثال

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


مشاهدهٔ نتیجه


Target - Iframe برای یک لینک

یک iframe را می‌توان بعنوان فریم هدف برای یک لینک استفاده کرد.

ویژگی target یک لینک باید به ویژگی nameدر iframe ارجاع داده شود:

مثال

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

<p><a href="https://wikicod.ir" target="iframe_a">WikiCod.ir</a></p>


مشاهدهٔ نتیجه


تمرین های HTML

تگ iframe در HTML

تگ تعریف
<iframe> یک فریم درون خطی را تعریف می‌کند
برای دستیابی به لینک کامل همهٔ تگ‌های HTML، از مرجع تگ HTML ما بازدید کنید.



منابع آموزشی