Iframeها

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

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

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


شیوه نوشتار دستور 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 ما بازدید کنید.


منابع آموزشی[ویرایش | ویرایش]