Iframe در HTML

یادگیری HTML

تعداد بازدید : 5097

تاریخ و ساعت انتشار : سه شنبه 30 آذر 1395 12:37

از Iframe برای نمایش یک صفحه وب درون صفحه وب دیگری استفاده می شود.

ترکیب کد Iframe

Iframe ها با ترکیب زیر و با استفاده از تگ <iframe> تعریف می شوند :

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

صفت src آدرس صفحه وب داخلی که میخواهیم نمایش دهیم را تعیین می کند.

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

با استفاده از صفات height و width اندازه Iframe مورد نظر را می توان تنظیم کرد. مقدار این صفات بطور پیش فرش بر روی پیکسل تنظیم می شود ، اما می توان آن ها را بر روی درصد (مانند "80%") تنظیم کرد.

مثال :

iframe

<iframe src="http://webmehraz.com" height="500" width="300"></iframe>

مشاهده مثال

حذف خط حاشیه ( border ) از Iframe در HTML

برای حذف خط حاشیه Iframe صفت style را به تگ آغاز Iframe اضافه میکنیم و از صفت border استفاده می کنیم.

مثال :

حذف خط حاشیه آی فریم

<iframe src="http://webmehraz.com" height="500" width="300" style="border:none;"></iframe>

مشاهده مثال

با استفاده از CSS همچنین می توان اندازه ، استایل و حتی رنگ خط حاشیه را تغییر داد :

مثال

رنگ خط حاشیه

<iframe src="http://webmehraz.com"  style="border:2px solid grey;"></iframe>

مشاهده مثال

استفاده از Iframe به عنوان target برای یک لینک

از یک Iframe می توان به عنوان محل نمایش یک لینک نیز استفاده کرد. برای اینکار باید صفت target لینک را به صفت name در Iframe مورد نظر ارجاع دهیم

مثال :

آی فریم به عنوان مقصد یک لینک

<iframe height="300px" width="100%" src="http://webmehraz.com" name="iframe_a"></iframe>
<p><a href="http://tuts.webmehraz.com" target="iframe_a">آموزش برنامه نویسی</a></p>

مشاهده مثال

دانلود فایل PDF مقاله درس بعدی درس قبلی

نظر شما

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.