آموزش تگ iframe در اچ تی ام ال (HTML)

آموزش تگ iframe در اچ تی ام ال (HTML) امر ساده ای است. زمانیکه بخواهیم یک صفحه اچ تی ام ال (HTML) دیگر را داخل صفحه اصلی خود به نمایش در آوریم می بایست از تگ هایی تحت عنوان <iframe> و <iframe/> استفاده کنیم. برای درک این موضوع ابتدا یک فایل جدید تحت عنوان second-page.html می سازیم و آن را به صورت زیر تکمیل می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

پس از اجرای کد فوق در مرورگر خروجی زیر را مشاهده خواهیم کرد:

آموزش تگ iframe در اچ تی ام ال (HTML)

حال فایل اصلی خود تحت عنوان index.html را به صورت زیر تکمیل می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

همانطور که در کد فوق ملاحظه می شود داخل تگ <body> از تگی تحت عنوان <iframe> استفاده کرده ایم. Attribute یی تحت عنوان src این وظیفه را دارا است تا مسیر فایلی که می خواهیم داخل تگ <iframe> به نمایش در آید را مشخص سازد. علاوه بر این با استفاده از دستورات width و height می توان ابعاد این تگ را مشخص ساخت. حال با ذخیره کردن فایل خود آن را در مرورگر به اجرا می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

چنانچه بخواهیم حاشیه دور تگ <iframe> از بین رود، کد فوق را به صورت زیر تکمیل می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

مجدد مرورگر را به روز رسانی می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

می بینیم که حاشیه تگ <iframe> از بین رفته است.
چنانچه بخواهیم یک وب سایت دیگر داخل تگ <iframe> به نمایش در آوریم می بایست کد فوق را به صورت زیر بازنویسی نماییم:

آموزش تگ iframe در اچ تی ام ال (HTML)

مجدد مرورگر را به روز رسانی می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

حال قصد داریم کدی بنویسیم تا با کلیک بر روی یک لینک، آدرس سایت مرتبط با لینک داخل تگ <iframe> باز شود.

برای این منظور کد فوق را به صورت زیر بازنویسی می کنیم:

آموزش تگ iframe در اچ تی ام ال (HTML)

ابتدا کد فوق را اجرا کرده سپس به توضیح پیرامون آن خواهیم پرداخت:

آموزش تگ iframe در اچ تی ام ال (HTML)

با کلیک روی عبارت لینک خواهیم دید که داخل تگ <iframe> آدرس مرتبط با لینک باز خواهد شد:

آموزش تگ iframe در اچ تی ام ال (HTML)

اولین کاری که در تگ <iframe> انجام داده ایم این است که با استفاده از Attribute یی تحت عنوان name نامی همچون test-frame در نظر گرفته ایم. از آنجا که قرار نیست خود تگ <iframe> مسیری را برای نمایش دادن دنبال کند، از اینرو هیچ چیزی مقابل Attribute یی تحت عنوان src نمی نویسیم. سپس در تگ <a> مقدار target را برابر با نام تگ <iframe> یا همان test-frame قرار داده ایم. اگر خاطرمان باشد دیدیم زمانیکه می خواستیم یک لینک در Tab جدید در مرورگر باز شود از دستور blank_ استفاده می کردیم. در این مثال به جای آنکه از دستور blank_ استفاده کنیم فقط کافی است تا نامی که برای <iframe> در نظر گرفتیم را مقابل target بنویسیم.

www.allerrors.ir

۲۴ دیدگاه

  1. Great – I should certainly pronounce, impressed with your web site. I had no trouble navigating through all the tabs as well as related info ended up being truly simple to do to access. I recently found what I hoped for before you know it at all. Reasonably unusual. Is likely to appreciate it for those who add forums or anything, site theme . a tones way for your client to comianmcute. Excellent task.

  2. If you have set up the plugin to use user defined passwords AND moderated registration, you cannot send the password when the user is approved. If that is the combination of settings you have set up, and you want to send the user a copy of their password (which is not a requirement, since they are choosing it), you have to do it in the welcome email and not the user is approved email. The default email content does not reflect this because that is not the default install of the plugin.If that needs clarification, or you have another combinations of settings, let me know.

  3. Bullshit!A blogmotor kissé vacakolt, előtte meg szépen kitörölte Kollarik Péter kommentjét. Vagy Péter maga, ki tudja ki itt az author, anyway?Szóval, mivel a megfejtés azóta megérkezett tőle, tehát a postban minden szükséges info megadódott hozzá. :-))))

  4. Well, Ive been trying to upload a stupid video FOR 5 DAYS. I've tried both old and new uploader, both say "an unknown error occured". I've also tried diffrent formats, videos and even different websites! I could only upload a video I've uploaded before, which is JUST 1 SECOND. This thing sucks and had driven me INSAAANE!

  5. You can always tell an expert! Thanks for contributing.

  6. skriver:Tja! helt enkelt ville säga att jag älskade den här artikeln. Det var faktiskt rätt inspirerande. Keep up the good work!

  7. That’s a knowing answer to a difficult question

  8. Ah, je ne suis pas d’accord avec tout, et je ne ferais pas la même chose que lui (et notamment ce qu’on voit dans ses vidéos), mais malgré tout ça reste de très bons ouvrages avec énormément de bons conseils, et puis après tout, chacun y prend ce qu’il souhaite

  9. We’ve arrived at the end of the line and I have what I need!

  10. I never thought I would find such an everyday topic so enthralling!

  11. AbriaNovember 28, 2012IMM is one of my favourite memes too. I had to stop though because I resolved not to buy any more books until I read the ones I already own lol

  12. os meus filhos ,estudaram em faculdades publicas pagas por mim. Paguei as matriculas (caras) ,transporte ,alimentação e livros.Não estou a ver o que devo ao estado

  13. Oh my goodness! an amazing article dude. Thank you However I am experiencing issue with ur rss . Don’t know why Unable to subscribe to it. Is there anyone getting identical rss problem? Anyone who knows kindly respond. Thnkx

  14. One definition of libertarians might be “authoritarians who like to keep the power of authoritarianism as local as possible.” But, yes, the Texas example is a good one. According to , removing children from an environment in which young girls and women are systematically being kept in sexual bondage is just a kind of weird liberal overreaction to everyday life. But when Muslims oppress young girls and women and keep them in sexual bondage, it’s bad.

  15. I agree with the earlier post, my first one came late. I used bedroom stuff, some walking and some spicy food all in one day to do the trick. Luv ya.

  16. deda · giovedì, ۶ dicembre 2012, 11:17 amLa rivolta del Cairo: se l’islam politico vuole riproporsi come dittatura farà i conti con l’ansia di libertà che ha già abbattuto MubarakCome no, sicuro.Una primavera araba dietro l’altra, un futuro di primavere, minimo 200, per poi avere le nostre primavere … Dio che tristezza siamo noi terrestri, una specie nata difettosa …

  17. It is really beautiful! And did you also make the buttons?@Lisa: Here in Austria it is very common to have these sparklers on out christmas trees. I never heard of something happening because of them. But I always watch out :)@Lotte: Thank you :)@Queen of Carrot Flowers: Yes! Only on week left!@catho: 🙂 yes, Sunny is a cutie :)@The blue rabbit house: Thank you, Eva!

  18. Wow, when I saw this, I was sure it would be for Webkinz Friends! But this is incredible. Mistyfoot, you’re going to be the first person I ask to help me! This is awesome, I think it will be really cool. -Moonstar◙◙◙

پاسخی بنویسید

ایمیل شما منتشر نمی شود.