ورود به کارتابل مشتریان وب مهراز
Iframe در HTML
یادگیری HTML
تعداد بازدید :
5507
تاریخ و ساعت انتشار :
سه شنبه 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>
نظر شما
>