آموزش HTML – فصل شانزدهم: آی فریم ها (iframes)

در زبان HTML یک iframe برای نمایش یک صفحه وب درون صفحه ای دیگر استفاده میشود. این قابلیت باعث شده است تا بسیاری از سرویس های اینترنتی مانند سرویس های به اشتراک گذاری ویدئو، از آی فریم برای نمایش سرویس های خود به صورت Embedded در سایت دیگر استفاده کنند. در این فصل از آموزش HTML به معرفی آی فریم های اچ تی ام ال و نحوه استفاده از آن ها در صفحه وب خواهیم پرداخت.

آموزش HTML – فصل شانزدهم: آی فریم ها (iframes)

همان طور که گفته شد یک آی فریم HTML برای نمایش یک صفحه وب درون صفحه ای دیگر استفاده میشود.

نحوه ی وارد کردن Iframe در صفحه HTML

آی فریم با تگ <iframe> تعریف میشود:


خاصیت src با مقدار url؛ آدرس وب فریم (inline frame) را مشخص می کند.

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

از خاصیت های height و  width برای مشخص کردن اندازه آی فریم استفاده کنید.

مقدار خاصیت ها به پیکسل مشخص می شود ولی میتوان به درصد نیز آن را تعریف کرد مثل “80%”

مثال:


یا میتوانید از سی اس اس برای تنظیم عرض و ارتفاع آی فریم استفاده کنید.

مثال:


حذف حاشیه آی فریم HTML

در حالت طبیعی آی فریم یک حاشیه در اطراف خود دارد.

برای حذف حاشیه خاصیت style را اضافه کنید و از مولفه border سی اس اس استفاده کنید.

مثال:


شما همچنان میتوانید با استفاده از سی اس اس رنگ اندازه و سبک حاشیه ی آی فریم را تعریف کنید.

مثال:


نشان دادن اطلاعات در آی فریم با کلیک یک لینک

یک آی فریم میتواند به عنوان فریم هدف target frame برای یک لینک استفاده شود.

خاصیت target لینک باید به خاصیت name آی فریم رجوع داده شود.

مثال:


در ادامه آموزش گام به گام زبان HTML، مطلب آموزش HTML – فصل هفدهم: جاوا اسکریپت در HTML را مطالعه کنید.

ویدیوها و مطالب مشابه