021-20483015

Iframe در HTML

از 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>
مشاهده مثال

 

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط