WigMarketing

এইচটিএমএল আইফ্রেম ট্যাগ

এইচটিএমেল আইফ্রেম - iframe html

এই চ্যাপ্টার থেকে আপনি যা যা জানতে পারবেনঃ

  • আইফ্রেম কি ?
  • আইফ্রেম এর সিনট্যাক্স 
  • কিভাবে আইফ্রেম এর হাইট এবং ওয়েট  সেট করতে হয়
  • কিভাবে আইফ্রেম থেকে বর্ডার রিমুভ করতে হয়

একটি ওয়েব পেজের মধ্যে আরেকটি ওয়েবপেজকে প্রদর্শন করার জন্য আইফ্রেম ব্যবহার করা হয়।কোন ওয়েব পেজের মধ্য আইফ্রেম দেখানোর ক্ষেত্রে <iframe>  ট্যাগ ব্যবহার করা হয় |

আমাদের টিউটোরিয়াল টি দেখুন আরো ভালোভাবে বুঝতে পারবেন।” iframe html – Besic Structure, Height-Width, Border & Redirect ”

ওয়েব পেজে html iFrame সেটআপ করার সিনট্যাক্স

<iframe src=”url”> </iframe> [এখানে সোর্স এট্রিবিউট আইফ্রেম  এর মধ্য যে লিংক থাকে সেই লিঙ্কে নির্দেশ করার জন্য ব্যবহার করা হয় ]

এইচটিএমএল এ আইফ্রেম এর ব্যবহার

  1. প্রথমে আপনি যেকোনো একটি কোড এডিটর ওপেন করবেন
  2. html-এর বেসিক স্ট্রাকচার তৈরি করবেন
  3. বডি সেকশন এর ভেতর আইফ্রেম এর সিনটেক্সটি ডিক্লেয়ার করতে হবে – <iframe src=””url></iframe> 
  4. আইফ্রেম এর মধ্যে সোর্স এট্রিবিউট এর মাধ্যমে আপনার কাঙ্খিত ইউ আর এল  প্রবেশ করাবেন 
  5. আইফ্রেম এর মধ্যে height ও width ডিক্লেয়ার করবেন
  6. স্টাইল এট্রিবিউট ব্যবহার করে আইফ্রেম থেকে বর্ডার রিমুভ করবেন
  7. টার্গেট এক্টিভেট ব্যবহার করে আইফ্রেম এর টার্গেট লিংক চেকআপ করে নিবেন 
  8. ব্যবহৃত অডিটর টি সেভ করে ব্রাউজারে রান করবেন

 

এখন আমরা দেখব,  উপরের নির্দেশনা অনুযায়ী একটি ওয়েব পেজে এইচটিএমএল আইএফএমএস ব্যবহার –

<!DOCTYPE html>

<html>

        <head>

            <meta charset=”utf-8”>

            <title> Html Tutorial</title>

        </head>

<body>

    <iframe src=”https://wigmarketing.com/

” height=”480px” width=”100%” style=”border:none;”name=”iframe_a”>WigMarketing Digital Solution.</iframe>

    <p><a href=”https://www.prothomalo.com/

” target=”iframe_a”>Example of iframe.</a></p>

  </body>

</html>

আমরা যদি ওপরের কোডগুলো কে কোন ব্রাউজারে রান করি তাহলে এটি যেভাবে দেখাবে-

ব্রাউজারে html কোডটি রান করলে এমন দেখাবে

উপরের স্টেপ গুলো ফলো করে আপনি এইচটিএমএল এর  মাধ্যমে যেকোনো  ধরনের ওয়েব পেজে আইফ্রেম সেটাপ করে নিতে পারবেন।

এরপরেও আইফ্রেম নিয়ে  আপনার যদি কোন প্রশ্ন থাকে অথবা আপনি প্র্যাকটিস করার সময় যদি কোথাও কোন প্রবলেম হয় তাহলে অবশ্যই কমেন্টে জানাবেন,আমাদের এক্সপার্ট আপনার সমস্যা সমাধান করে দিবে।

Leave a Reply

Your email address will not be published. Required fields are marked *