Iframeها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از تگ iframe در اچ ت ام ال)
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

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 ارجاع داده شود:

مثال

1 <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
2 
3 <p><a href="https://wikicod.ir" target="iframe_a">WikiCod.ir</a></p>


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


تمرین های HTML

تگ iframe در HTML

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


منابع آموزشی